js

作者: chenyiting12 | 来源:发表于2016-05-30 16:22 被阅读0次

1,JavaScript:改变 HTML 内容

x=document.getElementById("demo")//查找元素x.innerHTML="Hello JavaScript";//改变内容,

2,属性:

element=document.getElementById('myimage')

if (element.src.match("bulbon"))

3,样式:

x=document.getElementById("demo")//找到元素x.style.color="#ff0000";//改变样式

4,验证:

if isNaN(x) {alert("Not Numeric")};

5,请使用 document.write() 仅仅向文档输出写内容。

如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:

6,JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的:

var name="Hello"; var name = "Hello";

7,对代码行进行折行

您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:

document.write("Hello\World!");

8,JavaScript 变量

与代数一样,JavaScript 变量可用于存放值(比如 x=2)和表达式(比如 z=x+y)。

变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。

  • 变量必须以字母开头

  • 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)

  • 变量名称对大小写敏感(y 和 Y 是不同的变量)

9,重新声明 JavaScript 变量

如果重新声明 JavaScript 变量,该变量的值不会丢失:

在以下两条语句执行后,变量 carname 的值依然是 "Volvo":

var carname="Volvo";

var carname;

10,js对象

空格和折行无关紧要。声明可横跨多行:

var person={

firstname : "Bill",

lastname : "Gates",

id : 5566

};

对象属性有两种寻址方式:

实例

name=person.lastname;

name=person["lastname"];

11,Undefined 和 Null

Undefined 这个值表示变量不含有值。

可以通过将变量的值设置为 null 来清空变量。

实例

cars=null;

person=null

12,JavaScript 数组

下面的代码创建名为 cars 的数组:

var cars=new Array();

cars[0]="Audi";

cars[1]="BMW";

cars[2]="Volvo";

或者 (condensed array):

var cars=new Array("Audi","BMW","Volvo");

或者 (literal array):

实例

var cars=["Audi","BMW","Volvo"];

13,

JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。

在 JavaScript 中,对象是拥有属性和方法的数据。

14,

JavaScript 中的对象

在 JavaScript 中,对象是数据(变量),拥有属性和方法。

当您像这样声明一个 JavaScript 变量时:

var txt = "Hello";

您实际上已经创建了一个 JavaScript 字符串对象。字符串对象拥有内建的属性 length。对于上面的字符串来说,length 的值是 5。字符串对象同时拥有若干个内建的方法。

属性:

txt.length=5

方法:

txt.indexOf()

txt.replace()

txt.search()

15,

访问对象的属性

访问对象属性的语法是:

objectName.propertyName

本例使用 String 对象的 length 属性来查找字符串的长度:

var message="Hello World!";

var x=message.length;

在以上代码执行后,x 的值是:

16,课外书

如需更多有关JavaScript 对象的知识,请阅读 JavaScript 高级教程中的相关内容:

ECMAScript 面向对象技术

本节简要介绍了面向对象技术的术语、面向对象语言的要求以及对象的构成。

ECMAScript 对象应用

本节讲解了如何声明和实例化对象,如何引用和废除对象,以及绑定的概念。

ECMAScript 对象类型

本节介绍了 ECMAScript 的三种类型:本地对象、内置对象和宿主对象,并提供了指向相关参考手册的链接。

ECMAScript 对象作用域

本节讲解了 ECMAScript 作用域以及 this 关键字。

ECMAScript 定义类或对象

本节详细讲解了创建 ECMAScript 对象或类的各种方式。

ECMAScript 修改对象

本节讲解了如何通过创建新方法或重定义已有方法来修改对象。

相关文章

网友评论

      本文标题:js

      本文链接:https://www.haomeiwen.com/subject/tnqcdttx.html