【JS】【笔记】JavaScript入门经典（第5版）第4章 DOM对象和内置对象

本文为个人读书笔记，大部分为书中内容摘要。仅供记录和分享学习中遇到的需要留意的问题，如有相关版权问题请及时通知作者。

用户交互

alert（字符串）     显示消息和确定按钮，模态，无返回值

confirm（字符串）     显示消息和     ok按钮 返回true，cancel按钮返回false

prompt（字符串，默认输入内容参数） 允许用户输入内容 模态

     用户输入了信息，确定，返回用户输入的字符串

     用户没有输入，确定，返回调用时的默认值

     用户关闭了对话框、或取消，返回null

null

     作为数值时代表   0

     作为字符串代表 “”

     作为布尔值代表   假

根据id选择元素

     getElementById（），通过调用document的getElementById方法，通过指定相应的id 作为参数就得到了这个页面元素，可以访问它的全部属性和方法。

innerHTML

     可以用来读取或设置特定页面元素内部的HTML内容

读：var myDivContents=document.getElementById("div1").innerHTML

写：document.getElementById("div1").innerHTML="<p>……</p>"

访问浏览器历史记录

     window.history访问过的URL列表

     1个属性：history.length 用户访问过的页面数量

     3个方法：forward（）前进、back（）后退

                         history.next()

                    go（）正或负整数参数，可跳至相对位置

location

     包含当前加载页面的URL信息

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

协议://主机名                   :端口 /路径                     搜索             hash

属性	内容
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=435
location.hash	#list

使用location对象导航

     直接设置对象的href属性：location.href=‘www.newpage.com’；使用这种方法把用户转移到新页面时，原始页面还保留在历史记录里，可以使用后退按钮返回以前的页面。

     想用新的URL直接替换当前页面，即把当前页面从历史记录列表里删除，可以使用location的replace（）：location.replace('www.newpage.com')；这样就会在浏览器和历史记录列表里都使用新的URL来代替旧的。

刷新页面

     location.reload（）；

navigator对象

     包含了浏览器程序本身的数据

日期和时间

     DOM中没有现成的Date对象，需要自行创建。

     创建具有当前日期和时间的Date对象：          

     var mydate= new Date();

     var year=mydate.getFullYear();

     var month=mydate.getMonth();

     var date=mydate.getDate();

     var day=mydate.getDay();

     var hours=mydate.getHours();

     var minute=mydate.getMinutes();

     var seconds=mydate.getMilliseconds();

     创建具有指定日期和时间的Date对象：

          new Date(milliseconds);

     new Date(dateString);

     new Date(year,month,day,hours,minutes,seconds,milliseconds);

     设置和编辑日期时间

          附录B

Math对象

     不创建就可以使用，直接调用方法

Math对象的常用方法

ceil（n）	向上取整
floor（n）	向下取整
max（a,b,c）	最大值
min（a,b,c）	最小值
round（n）	四舍五入
random（）	0~1随机数

常用的数学常数

E	自然对数的底，≈2.718
LN2	2的自然对数，≈0.693
LN10	10的自然对数，≈2.302
LOG2E	以2为底e的对数，≈1.442
LOG10E	以10为底e的对数，≈0.434
PI	π
SQRT1_2	2的平方根的倒数，≈0.707
SQRT2	2的平方根，≈1.414

关键字with

     with(object){

     //codeBlock

  }

     代码块里的语句在调用特定对象的方法时可不明确指定这个对象，JS会假定这些方法属于参数对象。