JavaScript学习笔记(3)DOM对象和内置对象

时间:2021-02-15 20:15:35
与用户交互 1、alert(): 使用alert()向用户弹出一个模态(modal)对话框,显示一些消息和一个确定按钮。模态意味着脚本暂时停止运行,页面与用户的交互也被暂停,知道用户关闭对话框为止。alert()方法将字符串作为参数       alert("this is a message"); 2、confirm(): 也弹出模态对话框,向用户显示一些消息。不同的是,comfirm()对话框为用户提供了一个选择,“OK”或者“CANCEL”。根据点击不同的按钮,confirm会返回不同的值:真或假。       var answer=confirm("are you ok"); 3、prompt(): 模态对话框的另一种模式,允许用户输入信息。       var answer=prompt("what's your name?");       同时可以选择第二个可选参数,表示默认的输入内容,避免用户直接点击“OK”。若用户直接点击了“CANCEL”关闭了对话框,则返回null。
根据id选择元素 使用 getElementById() 获取对象。如果想从HTML页面里选择某个具有特定ID的元素,我们只要将该元素作为参数来调用 document 的 getElementById() 方法,它就会返回特定ID的页面元素所对应的DOM对象。       var myDiv = document.getElementById("div1");
Location对象 location对象包含当前加载页面的URL信息。例如对于一个URL: http://www.baidu.com:8080/tool/index.jsp?s=123#list
属性 内容
href http://www.baidu.com:8080/tool/index.jsp?s=123#list
protocal http:
host www.baidu.com:8080
hostname www.baidu.com
port 8080
pathname /tool/index.jsp
search ?s=123
hash #list
1、使用location对象导航:有两种方法帮助用户导航至新页面。一是直接设置对象的herf属性       location.herf=('www.newpage.com');  二是replace方法,该方法将删除前一个的历史记录。       location.replace('www.newpage.com'); 2、刷新界面: location.reload();
日期和时间 Date对象用于处理日期和时间。在我们需要时需要主动创建自己的Date对象。 构造方法:var d1=new Date(95,9,22,10,57,0);//1995年10月22号10.57.0                   var d2=new Date(95,9,10);//1995.10.22.0.0.0                   var d3=new Date();//创建时间 对象方法:getFullYear()//1995   getMonth()//0开始   getDate()//1-31   getDay()//星期 0-6   getHours()//0-23                   getMinutes()//0-59   getSeconds()//0-59
Math对象 Math对象不需要创建就可以使用,在此不再介绍。
关键字with 关键字with使用对象作为参数,代码块里的语句在调用该对象方法时可以不再指定该对象。
with(Math){
var myRand=random();
}