js01--简介、注释、数组、对象、null与undefined
javascript简介:js,轻量级的脚本语言,插入HTML页面中,用来实现网页的动态交换。
1.js的使用:
写入HTML输出:document.write("<p>This is a paragraph</p>"); 对事件作出回应:<button type="button" onclick="alert('Welcome!')">点击一下</button> 改变HTML内容:document.getElementById("demo").innerHTML="JavaScript" 改变HTML图像:document.getElementById("imgID").src="..." 改变HTML样式:document.getElementById("demo").style.color="green" 验证输入:var x=document.getElementById("demo").value; if(isNaN(x){...}
2.document.write()向文档输出写内容。如果在文档加载完毕后再执行(如在函数中),会覆盖文档
3.js特点:
js对大小写敏感
js会忽略多余空格
js的分号是可选的,但建议使用分号断句
4.注释:
// 单行注释
/* ... */ 多行注释
5.变量var:
var pi=3.14; var name="He Huazhen"; var name="hehuazhen", age=28, job="ceo"; var carName; //carName的值是undefined var carName="Volvo";var carName; //像这样重新声明变量,值不变
6.动态数据类型:同一变量可赋予不同类型的值
字符串(单双引号括起来) 数字 布尔值 数组 对象 null undefined
7.数组:
var cars=new Array();cars[0]="Audi";cars[1]="BMW";cars[2]="Volvo"; var cars=new Array("Audi","BMW","Volvo"); var cars=["Audi","BMW","Volvo"];
8.对象:由花括号分隔,括号内部以名值对的形式出现
var person={firstName:Bill, lastName:Gates, id:5566} 对象寻址: var name=person.lastName; var name=person["lastName"];
9.<input type="button" /> 与 <button type="button">按钮</button>的不同:
a.<button>标签定义一个按钮,可以放置内容,比如文本或图像
b.为<button>指定type类型,IE默认“button”,其他浏览器默认“submit”
c.在HTML表单中使用<button>标签,IE浏览器提交<button>与</button>之间的文本,
其他浏览器提交<button>的value属性。因此在表单中使用<input type="button">创建按钮
10.null与undefined的区别:
null:Null类型,代表“空值”,代表一个空对象指针,使用typeof运算得到 “object”,所以你可以认为它是一个特殊的对象值。
undefined:Undefined类型,当一个声明了一个变量未初始化时,得到的就是undefined
《javaScript权威指南》认为,null 和 undefined 都表示“值的空缺”,你可以认为undefined是表示系统级的、出乎意料的或类似错误的值的空缺,
而null是表示程序级的、正常的或在意料之中的值的空缺。
console.log(null==undefined)//true console.log(null===undefined)//false