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

 

posted @ 2019-04-15 15:18  快与慢  阅读(897)  评论(0编辑  收藏  举报