JavaScript读书笔记-02

DOM对象和内置对象

Ø  本章总结了alert()、prompt()、confirm()与用户交互

Ø  getElementById()选择页面元素

Ø  使用InnerHtml()访问HTML内容

Ø  使用浏览器history()对象

Ø  通过navigator对象获得浏览器信息

Ø  利用Date对象操作日期和时间

与用户交互

Alert()               

Alert()没有返回值，模态对话框，只有一个确定按钮，点击完后程序才能继续

Confirm()

有返回值：真或者假，模态对话框，两个按钮“确定”和取消，点击完才能继续

Prompt()

有返回值，取决于用户进行了什么操作

Var answer = prompt(“what is yourname”,”tom”);

Ø  如果用户输入了信息，然后点击确定或者回车键，返回值就是输入字符串

Ø  没有输入信息，返回值就是调用prompt（）方法设置的第二个参数

Ø  如果用户简单关闭了对话框（点击取消或者ESC按键），返回的是null

注：JavaScript 在多种情况下使用null表示空值，作为数值时候，它代表0；作为字符串，它代表空字符串“”，作为布尔值，它代表假

根据id选择元素

       Js可以通过特定唯一id的调用document对象的getElementById()方法，获取到DOM对象

       VarmyDiv = document.getElementById(“id”)；

利用innerHTML()可以访问HTML中的内容,是一个字符串

Var myDivContent =myDiv.innerHTML;(“<p>here is getElementById innerHTML</p>”);

利用innerHTML可以设置选定元素内容：

myDiv.innerHTML= “<p>here is anotherinnerHTML content</P>”

访问浏览器历史记录

浏览器历史是保存在window.history对象中，存储的是url列表，可以使用这个列表，但是无法修改。

Forward()和backward()是前进和后退，history().next()是下一个页面

History.go(-2)表示回退三个页面

History.go(3)表示前进三个页面

History(“index.com”)，找到历史记录列表中第一个匹配的url

Location对象

Location 对象包含当前加载页的URL信息

页面URL组成部分：

[协议]//[主机名]：[端口]/[路径][搜索][hash]

下面是一个URL范例:

http://www.example.com:8080/tools/display.php?section=435#list

属性	内容
Location.href	http://www.example.com:8080/tools/display.php?section=435#list
Location.protocol	http:
Location.host	www.example.com:8080
Location.hostname	www.example.com
Location.port	8080
Location.pathname	/tools/display.php
Location.search	?section=534
Location.hash	#list

使用location对象导航

利用location对象有两种方式跳转到新的页面

第一种：直接设置对象的href属性

Location.href=’www.newpage.com’；当前页会存储在浏览器历史，通过backward可以返回

第二种是locatoin的replace方法，删除当前页面的历史记录，替换新的页面

Location.replace(‘www.newpage.com’);

刷新页面

如果要在浏览器里面重新加载当前页面，相当于刷新，可以用reload()方法

注：如果使用没有参数的reload（）方法，如果浏览器缓存了当前页面内容，会加载缓存的内容，为避免这种情况，确保从服务器读取，在调用reload中加入参数true；

Reload（true）；

浏览器信息：navigator对象

Navigator保存了浏览器程序本身的数据

在浏览器中按F12进入开发者模式，在Console中输入navigator，点击回车，可以查看所有的属性和方法。

日期和时间

Var mydate = new Date();

注：mydate.getMonth()获取的是0~11，0代表1月，getDay()/getHours()/getMinutes()/getSeconds()一样从0开始

但是getDate()是从1~31

可以查看console下的Date()方法

Math对象简化方法

Math对象不需要创建，它的一些方法如下

ceil(n)	返回n向上取整到最近的整数，4.23 ->5
floor(n)	返回向下取整到最近的整数4.23->4
max(a,b,c,…)	返回最大
min(a,b,c…）	返回最小
round(n)	返回n四舍五入到最近的整数
random()	返回0~1之间的随机数

注：在程序里面直接使用Math方法，这些方法是数学与Math的，不是属于创建对象的。换句话说，下面语法是错误的：

VarmyNum = 24.77

myNum.floor()；

正确写法：

Math.floor(myNum);

数字常数

很多常用的数学常数都是以Math属性的方式出现

E	自然对数，2.718….
LN2	2的自然对数
LN10	10的自然对数
LOG2E	以2为e的对数
LOG10E	以10为底e的对数
PI	圆周率
SORT1_2	2的平方根倒数
SORT2	2的平方根

使用方法：var area =Math.PI*radius*radius，圆的面积

关键字WITH

       With可以用于所有对象，

With(对象){

 Var myRand= random();

Var biggest = max(2,3,4);

Var height = round（76.54）

}

注：在这个范例中，我们只使用方法名称就调用了Math.random(),Math.max(),Math.round()等方法，因为调用这些方法的代码块与Math对象实现了关联。