Javascript -- BOM

来源:互联网 发布:有没有抓阄软件 编辑:程序博客网 时间:2024/05/18 15:25

Window 对象同时扮演这ECAscript中Global对象的角色,因此所有在全局作用域中声明的变量,函数都会变成windows对象的属性和方法。

window对象,   代表了浏览器的框架及浏览器相关的所有一切,如滚动条,导航按钮等

document对象,表示加载在浏览器中的页面本身

history对象:包含用户所访问过的页面的历史信息

navigator对象:包含浏览器自身的相关信息

screen对象:包含了客户端计算机显示器显示能力的信息

location对象:包含了浏览器所加载的当前页面的URL的详细信息

超时值          :在指定的时间过后执行代码 setTimeout(执行的代码,毫秒数)

间歇时间值  :每隔特定的时间就执行一次代码  setInterval(执行的代码,毫秒数)

上面两个方法都会返回一个ID,用于标识这个对象,主要是为了让我们对他们拥有可控性。

var num = 0;var max = 10;var intervalID = null;function increment(){    num++;   if (num = max){       clearInterval (intervalID);         alert("Done");   }}intervalID = setInterval(increment, 500) //我们可以在后面的执行代码中使用这个ID

系统对话框

模式对话框将获得浏览器的控制权,并且一直显示在浏览器窗口中,除非点击模式对话框的ok按钮来关闭它,否则我们不能在浏览器的窗口中做任何操作,并且页面的解析也会暂停。所以我们可以通过alert来展示页面的解析过程。

alert(s)         接受字符串s,并且显示出来,

confirm(s)    点击ok的话,会返回true;否则返回false.

prompt(s,"") 第二个参数是待用户输入的数据,它会返回输入的数据。

Location对象

它既是window对象的属性,同时也是document对象的属性。 window.location和document.location是同一个对象

location.assign("http://www.wrox.com"); //open a new link
http://www.worx.com/Wileycda/#section1    location.hash = "#section1";
http://www.wrox.com/?q=javascript               locaiton.search = "?q=javascript";
http://www.wrox.com/Wileycda                      location.hostname = "www.wrox.com";
http://www.wrox.com/mydir/                            location.pathname = "mydir";
http://www.wrox.com:8080/Wileycda/           location.port = 8080;

location.reload();    // 重新加载

Navigator对象

"浏览器对象",它包含了运行当前脚本的浏览器和操作系统的大量相关信息,常用与区分浏览器,以针对不同浏览器做不同的处理。使用Navigator对象可以知道用户现在正使用何种浏览器,浏览器的版本号,以及计算机安装的操作系统

可以用它检测插件,其中IE跟其它浏览器有些区别。具体详见http://www.javascriptkit.com/script/script2/plugindetect.shtml 

history 对象

保存历史信息,这些访问过的页面列表成为浏览器的历史栈。

length属性:浏览器历史栈中页面的个数

back()/forward() 向后/向前

go(2)  以当前页面为基准,在历史栈中前进2个页面

用js操作cookie保存浏览记录

screen 对象

包含客户计算机显示能力的信息,height/width属性,这两个属性以像素为单位,分别表示计算机显示屏的垂直高度和水平宽度。

原创粉丝点击