JavaScript 的使用

2018-07-20  本文已影响0人  尙千

JavaScript 可以通过不同的方式来输出数据:

使用 window.alert() 弹出警告框。

使用 document.write() 方法将内容写到 HTML 文档中。

使用 innerHTML 写入到 HTML 元素。

使用 console.log() 写入到浏览器的控制台。


JavaScript 变量


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

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

变量必须以字母开头

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

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

Javarscript数据类型

      字符串(string),数字(number),布尔(Boolean),

      数组(Array),对象(Objct),空(null),未定义(Undefined)

当向变量分配文本值时,应该用双引号或单引号包围这个值

当向变量赋值的值时数值是,不要使用引号,如果引号包围数值是,该数字会被做文本来处理

操作 HTML 元素


如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。

请使用 "id" 属性来标识 HTML 元素,并 innerHTML 来获取或插入元素内容:

#########################################################################################

使用document.getElmentById

获得后使用.innerHTML改变原id的内容

//获得id名字并改变原id的内容,js不能放在头部否则将无法读取到,

body里面的id值

//报错信息

Uncaught TypeError: Cannot set property 'innerHTML' of null"

=====================================================

###############################################################################

JavaScript 对象

JavaScript 对象是拥有属性和方法的数据。一个对象可以包含多个属性

创建一个JavaScript对象

//创建一个对象,并给对象加一些属性

var person={

firstName:"join",//注意对象属性后面用,结尾

lastName:"Doe",

age:"50",

eyecole:"blue"}

//调用一个id把id的内容调用成创建对象的属性

document.getElementById("demo").innHTML=preson.fistName+

"现在"+preson.age+"岁.";


对象属性

可以说 "JavaScript 对象是变量的容器"。

但是,我们通常认为 "JavaScript 对象是键值对的容器"。

键值对通常写法为 name : value (键与值以冒号分割)。

键值对在 JavaScript 对象通常称为 对象属性。

JavaScript 对象是属性变量的容器。

访问对象有两种方法

1:person.firstName //调用变量名里面的属性

2:person["firstName"]//

对象方法

对象的方法定义了一个函数,并作为对象的属性存储。

对象方法通过添加 () 调用 (作为一个函数)。

该实例访问了 person 对象的 fullName() 方法:

注意:调用函数时一定要加();不然函数调用会失败

访问对象方法

你可以使用以下语法创建对象方法:

methodName : function() 

                    { code lines //代码块}

你可以使用以下语法访问对象方法:

                   objectName.methodName()

通常 fullName() 是作为 person 对象的一个方法, fullName 是作为一个属性。

有多种方式可以创建,使用和修改 JavaScript 对象。

同样也有多种方式用来创建,使用和修改属性和方法。

--------------------------------------------------------------------------------------------------------------------

创建一个对象和使用一个对象的方法

对象方法作为一个函数定义储存在对象的属性中

//创建一个id地址

var person={//创建一个变量

flistName:"join",

lastName:"Doe",

id:"556",

fullName : function(){//注意创建的函数要保存在变量名方法里面

return this.flistName+" "+this.lastName;//保存在函数内部

}

}

document.getElementById("demo").innerHTML=person.fullName();

                        //首先活动id地址,然后调用变量函数

==================================================================

局部 JavaScript 变量

在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。

您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。

只要函数运行完毕,本地变量就会被删除。

全局 JavaScript 变量

在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。

JavaScript 变量的生存期

JavaScript 变量的生命期从它们被声明的时间开始。

局部变量会在函数运行以后被删除。

全局变量会在页面关闭后被删除。

向未声明的 JavaScript 变量分配值

如果您把值赋给尚未声明的变量,该变量将被自动作为 window 的一个属性。

这条语句:

carname="Volvo";

将声明 window 的一个属性 carname。

非严格模式下给未声明变量赋值创建的全局变量,是全局对象的可配置属性,可以删除。

HTML 中的全局变量

在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象。

局部变量和全局变量

局部变量:在函数中通过var声明的变量。

全局变量:在函数外通过var声明的变量。

没有声明就使用的变量,默认为全局变量,不论这个变量在哪被使用。

console.log是可以让输出在控制台以便调试

-----------------------------------------------------------------------------------------------------------------------------------------------

上一篇下一篇

猜你喜欢

热点阅读