小编Jam*_*mna的帖子

哪种方式最适合在JavaScript中创建对象?在对象属性之前是否需要`var`?

到目前为止,我看到了三种在JavaScript中创建对象的方法.哪种方式最适合创建对象?为什么?

我还看到,在所有这些示例中,关键字var都没有在属性之前使用 - 为什么?是否没有必要var在属性名称之前声明,因为它提到属性是变量?

在第二种和第三种方式中,对象的名称是大写的,而在第一种方式中,对象的名称是小写的.我们应该将什么情况用于对象名称?

第一种方式:

function person(fname, lname, age, eyecolor){
  this.firstname = fname;
  this.lastname = lname;
  this.age = age;
  this.eyecolor = eyecolor;
}

myFather = new person("John", "Doe", 50, "blue");
document.write(myFather.firstname + " is " + myFather.age + " years old.");
Run Code Online (Sandbox Code Playgroud)

第二种方式:

var Robot = {
  metal: "Titanium",
  killAllHumans: function(){
    alert("Exterminate!");
  }
};

Robot.killAllHumans();
Run Code Online (Sandbox Code Playgroud)

第三种方式 - 使用数组语法的JavaScript对象:

var NewObject = {};

NewObject['property1'] = value;
NewObject['property2'] = value;
NewObject['method'] = function(){ /* function code here */ …
Run Code Online (Sandbox Code Playgroud)

javascript object

172
推荐指数
4
解决办法
16万
查看次数

响应式网页设计:"如何使用CSS根据浏览器窗口大小调整背景图像的大小"?

我正在创建一个网站,我的所有产品图片将根据浏览器窗口大小重新调整大小,所以我写了一些媒体查询,我使用一个大图像,并在不同的窗口大小重新调整大小但我有一个图像,我用于背景,我怎么能重新调整大小呢?我想在IE7和8中的所有浏览器中支持它.

HTML

<div></div>
Run Code Online (Sandbox Code Playgroud)

CSS

div{ 
background: url("http://canadianneighborpharmacy.net/images/cnp/discount_20.png") 
no-repeat scroll 0 0 transparent;
position:absolute;
width:45px; 
height: 45px; }
Run Code Online (Sandbox Code Playgroud)

我的实时代码在这里: - http://jsfiddle.net/jamna/DdxbQ/19/这里我有一个主要的"产品图片",现在根据浏览器窗口大小调整大小(在我的小提琴我没有写代码为调整产品图像的大小,我只显示我想要调整大小的图像)但是我有另一个"存钱币标签"图像,它是在"跨度"的背景中我想与产品图像同时重新调整尺寸.

html css background-image browser-width responsive-design

8
推荐指数
1
解决办法
3万
查看次数

如何使用HTML和css的select标签在桌面浏览器中制作ipad之类的下拉列表,是否可能?

我正在开发一个项目,我必须为选择框(下拉列表)提供一些样式....这个页面几乎可以在每个设备上工作(响应式网页设计)我必须给这样的选择框提供样式 在此输入图像描述

在ipad中它的工作但是对于桌面版,如何才能使用css为选择框实现相同的风格?即时通讯使用HTML选择标签<select> ......</select>.

我想使用这个标记

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
Run Code Online (Sandbox Code Playgroud)

css jquery mobile-safari css3 drop-down-menu

7
推荐指数
1
解决办法
1万
查看次数

什么是"绘图环境"?getcontext()方法的作用是什么?

什么是getContext()方法,什么是绘制上下文?为什么我们总是将字符串传递2dgetContext()方法?

html5 canvas html5-canvas

6
推荐指数
1
解决办法
1852
查看次数

如何制作<ul>这样的列表?

我是新的网页设计师并制作了一个网站,其中包含这样的列表

看到这张图片(我无法添加有问题的图片,bcoz我需要10个代表)

http://shup.com/Shup/379626/11068201228-My-Desktop.png

alt text http://stashbox.org/947532/11068201228-My-Desktop.png

如果我想保留一个如何制作这样的列表<ul>是否可能?

css xhtml

4
推荐指数
1
解决办法
261
查看次数

@media查询:在W3C CSS验证服务中收到错误

我尝试使用@media查询根据不同的屏幕大小修复包装div的宽度

我写了这些代码行

@media screen and (min-width:768px) and (max-width:1023px) {
 #wrapper {
 width:625px;
 padding-left: 50px;
 margin:0 auto;
}
}
 @media screen and (min-width:1024px) and (max-width:2047px) {
 #wrapper {
 width:865px;
 margin:0 auto;
 padding-left: 50px;
 width: 927px;
}
}
Run Code Online (Sandbox Code Playgroud)

当我在W3C CSS验证服务中检查我的文件时,我得到了这些错误

Value Error : min-width Property min-width doesn't exist for media screen : 768px 768px
Value Error : max-width Property max-width doesn't exist for media screen : 1023px 1023px
Value Error : min-width Property min-width doesn't exist for media screen : 1024px 1024px …
Run Code Online (Sandbox Code Playgroud)

css media xhtml w3c-validation media-queries

4
推荐指数
1
解决办法
5150
查看次数

为什么我应该使用JavaScript进行页面验证,即使我可以使用php进行同样的工作?

我初学者学习java脚本,我刚刚读到我们使用java脚本进行交互式和页面验证......所以我的问题是

我们可以在php的帮助下验证我们的页面然后我们为什么要使用JavaScript?

javascript php validation

3
推荐指数
1
解决办法
374
查看次数

首先应该由初学者Javascript或DOM学习哪些东西?

我知道html ans css的基础知识,现在我想让自己成为一名优秀的前端开发人员,所以我决定学习JavaScript,而且我得到了这本书.

DOM脚本:使用JavaScript和文档对象模型进行Web设计:第二版

我开始学习JavaScript然后我读到JavaScript完全基于DOM脚本,现在我很困惑我应该先学习什么.我应该首先学习JavaScript基础知识还是DOM脚本?

我是JavaScript和DOM脚本的初学者

javascript scripting jquery dom

2
推荐指数
1
解决办法
487
查看次数

"阻止此页面创建其他对话框"是什么意思?我现在应该怎么做?

我刚刚在我的example.js文件中发出了2个警报

警报( "测试javascript1");
警报( "测试javascript2");

我的文件中没有其他内容

在我的第二个警报框中,我收到此消息,阻止此页面创建其他对话框

我的问题是为什么这条消息出现在第二个警告框中,我该怎么办?我应该点击该复选框吗?

阻止此页面创建其他对话框java脚本

javascript alert

1
推荐指数
1
解决办法
2万
查看次数

使用`getElementsByTagName`获取单个元素

我知道如果我们想要找到一组元素,getElementsByTagName就是我们的方法,它返回一个NodeList.但如果我们正在寻找带有"body"的标签名称,那么为什么我们需要在("body")元素之后添加[0]?HTML文档中只有一个正文标记.

 var body = document.getElementsByTagName("body")[0];
 body.className = "unreadable";
Run Code Online (Sandbox Code Playgroud)

为什么我们不能像这样编写没有索引[0]的代码

 var body = document.getElementsByTagName("body");
 body.className = "unreadable";
Run Code Online (Sandbox Code Playgroud)

如果我写这个代码,那么不可读的类将不会添加body标签...为什么?

html javascript dom getelementsbytagname

1
推荐指数
1
解决办法
2万
查看次数

如何将元素对齐始终以div为中心而不给其父div赋予宽度?

我试图在div中对齐元素中心,我没有给父div提供任何宽度因为它会根据屏幕大小传播,div中总共有3个元素:

  1. 纽扣
  2. 标题
  3. 商标

按钮将始终对齐左侧,并且只要屏幕尺寸发生变化,徽标就会对齐,并且标题将始终与此对齐 在此输入图像描述

我的代码在这里 http://jsfiddle.net/7AE7J/1/ 请让我知道我哪里出错了什么css我应该申请获得元素(标题)始终对齐中心.

HTML

<div  id="header">
     <div id="buttons">
        <a href="#" class="button_back">link 1</a>
        <a href="#" class="button_back">link 2</a>
    </div>
        <h1>Heading of the page</h1>
    <div id="logo">
        <a href="#">
           <img src="http://lorempixum.com/60/60" width="178" height="31" alt="logo" />
       </a>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

#header {
     background:green;
     height:44px;
    width:100% }

 #buttons {
     float: left;
     margin-top: 7px;
     }

 #buttons a {
     display: block;
     font-size: 13px;
     font-weight: bold;
     height: 30px;
     text-decoration: none;
     color:blue;
    float:left}

 #buttons a.button_back {
     margin-left: 8px;
     padding-left:10px;
     padding-top: 8px;
    padding-right:15px }

 #header h1 …
Run Code Online (Sandbox Code Playgroud)

css

0
推荐指数
1
解决办法
5620
查看次数

为什么.toUpperCase()不起作用?

我是framer.js的新手,我正在关注一本名为http://coffeescript-for-framerjs.com/#buy的书.

fruits[1].toUpperCase() 它运作正常

fruits.toUpperCase()
Run Code Online (Sandbox Code Playgroud)

在书中,它的果实不是水果,我试过两个但是得到错误

现在我知道toUpperCase()是一个字符串方法,所以它不适用于Array.但那时书究竟在说什么呢.

javascript coffeescript framerjs

-1
推荐指数
1
解决办法
4453
查看次数