JavaScript初识之BOM操作

全程是要在前面加上window.，但是我们可以省略掉window.

innerHeight                        // 浏览器窗口的内部高度

innerWidth                        // 浏览器窗口的内部宽度

open()                               // 打开新窗口

open('http://www.xiaohuar.com','','width=800px,height=400px');

*1 放的是网页地址

*2 放的是空 ''

*3 放的是窗口大小

不仅可以放width=800px,height=400px，还能放left=200px, top=200px

 

close()                        关闭当前窗口

 

 

navigator对象:

浏览器对象，通过这个对象可以判定用户所使用的浏览器，包含了浏览器相关信息

 

navigator.appName                        // Web浏览器全称

navigator.appVersion                        // Web浏览器厂商和版本的详细字符串

navigator.userAgent                    // 客户端绝大部分信息

navigator.platform                     // 浏览器运行所在的操作系统

 

 

screen对象（了解）

屏幕对象，不常用。

 

screen.availWidth                   // 可用的屏幕宽度

screen.availHeight                 // 可用的屏幕高度

 

 

history对象（了解）

window.history 对象包含浏览器的历史。

浏览历史对象，包含了用户对当前页面的浏览历史，但我们无法查看具体的地址，可以简单的用来前进或后退一个页面。

 

history.forward()                  // 前进一页

history.back()                 // 后退一页

 

 

location对象

window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。

常用属性和方法：

 

location.href                         // 获取URL

location.href="URL"                 // 跳转到指定页面，就是获取后面加了一个等于号

location.reload()                         // 重新加载页面（就相当于是一个刷新）

 

 

弹出框

一共有三种弹出框：警告框、确认框、提示框

警告框：

alert("这是一个警告框");

 

 

 

 

确认框：

// 他有返回值，true 或者是 false

confirm("这是一个确认框");

 

 

 

 

 

提示框：

// 他有返回值，返回输入的东西  或者是 null

prompt("请在下方输入文字","在这里输入文字")

 

 

 

 

记时相关

通过使用 JavaScript，我们可以在一定时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。

 

单次定时器：

// 就只能用一次，用了就没了

setTimeout()        //设置定时器，在一段时间后执行前面的东西

语法：

var t=setTimeout("JS语句",毫秒)

// 之所以给他设置一个变量是为了方便后面的操作

 

 

clearTimeout( )        // 取消定时器,要利用变量

 

 

循环定时器：

// 会反复定时，然后执行，异步提交，

// 使用方法和上面的大致一样

setInterval()

// 设置好了之后他就会一直弹

 

  

clearInterval()

//用于取消定时器