JavaScript 的使用
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是可以让输出在控制台以便调试
-----------------------------------------------------------------------------------------------------------------------------------------------