JavaScript 进阶学习 6 浏览器对象

window对象 :是BOM的核心,window对象指当前的浏览器窗口。、

   window对象方法

JavaScript 计时器  :在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。

计时器类型一次性计时器:仅在指定的延迟时间之后触发一次。

间隔性触发计时器:每隔一定的时间间隔就触发一次。

计时器方法

计时器setInterval() :在执行时,从载入页面后每隔指定的时间执行代码。

 语法 :   setInterval(代码,交互时间);

参数说明:1. 代码:要调用的函数或要执行的代码串。

2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。

返回值:    一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。

调用函数格式(假设有一个clock()函数):

setInterval("clock()",1000)      或      setInterval(clock,1000)

取消计时器clearTimeout() :setTimeout()和clearTimeout()一起使用,停止计时器。

语法 :   clearTimeout(id_of_setTimeout)

参数说明 :    id_of_setTimeout :由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

History 对象 :记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。

注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。

语法:window.history.[属性|方法]         注意:window可以省略。

返回前一个浏览的页面back()方法 : 加载 history 列表中的前一个 URL。

语法  :window.history.back();
     //返回前一个浏览的页面,代码如下:window.history.back();

注意  :等同于点击浏览器的倒退按钮。  back()相当于go(-1)

返回下一个浏览的页面forward()方法 :  加载 history 列表中的下一个 URL。如果倒退之后,再想回到倒退之前浏览的页面,则可以使用forward()方法,代码如下:

window.history.forward();

注意 :等价点击前进按钮。   forward()相当于go(1)

     返回浏览历史中的其他页面go()方法 :根据当前所处的页面,加载 history 列表中的某个具体的页面。

语法 :window.history.go(number);

Location对象 :用于获取或设置窗体的URL,并且可以用于解析URL。

语法  :    location.[属性|方法]

location对象属性图示:

location 对象属性:

location 对象方法:

Navigator对象
:包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。

对象属性 :

  userAgent :返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)

               语法 :navigator.userAgent

几种浏览的user_agent.,像360的兼容模式用的是IE、极速模式用的是chrom的内核。

screen对象  :用于获取用户的屏幕信息。

语法  : window.screen.属性

对象属性   :

屏幕分辨率的高和宽 :window.screen 对象包含有关用户屏幕的信息。

1. screen.height 返回屏幕分辨率的高

2. screen.width 返回屏幕分辨率的宽

注意:1.单位以像素计。2. window.screen 对象在编写时可以不使用 window 这个前缀。

屏幕可用高和宽度

1. screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。

2. screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。

注意:不同系统的任务栏默认高度不一样,及任务栏的位置可在屏幕上下左右任何位置,所以有可能可用宽度和高度不一样。

时间: 2024-11-08 23:43:38

JavaScript 进阶学习 6 浏览器对象的相关文章

JavaScript 进阶学习 7 DOM对象,控制HTML元素

DOM :文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). getElementsByName()方法 :返回带有指定名称的节点对象的集合. 语法 : document.getElementsByName(name) 与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性. 注意: 1. 因为文档中的 name 属性可能不

JavaScript进阶学习的一些建议

blankyao最近问我如何学习JavaScript,他觉着在理解了JavaScript的语法之后,不知如何去学习JavaScript了. 其实我也是个JavaScript小菜,最近在开发中遇到不少关于JavaScript的问题,解决了之后另有一翻感慨!推荐几本书吧: <JAVASCRIPT权威指南>,据说很好,第四版.第五版我都买了,加一起看过不超过100页,这本书实在不适合作为教程.它只适合在你迷茫的时候拿来参阅一下. <JAVASCRIPT DOM编程艺术>,很好的书,看完大

JavaScript进阶学习——DOM对象

DOM对象 1认识DOM 2getElementByName方法 3getElementByTagName方法 4区别getElementByIdgetElementByNamegetElementByTagName 5getAttribute方法 6setAttrubute方法 7节点属性 8访问子节点childNodes 9访问子节点的第一个最后项 10访问父节点parentNode 11访问兄弟节点 12插入节点appendChild 13插入节点insertBefore 14删除节点re

javascript基础集锦_Json——浏览器对象(十一)

(1)浏览器对象navigator JavaScript可以获取浏览器提供的很多对象,并进行操作. navigator对象表示浏览器的信息,最常用的属性包括: navigator.appName:浏览器名称: navigator.appVersion:浏览器版本: navigator.language:浏览器设置的语言: navigator.platform:操作系统类型: navigator.userAgent:浏览器设定的User-Agent字符串. 请注意,navigator的信息可以很容

夺命雷公狗---javascript NO:19 Navigator浏览器对象

Navigator浏览器对象 appCodeName:浏览器内核名称 appName :浏览器名称 appVersion :浏览器版本号 platform :操作系统信息 online:是否脱机工作 cookieEnabled :是否开启Cookie userAgent:用户头代理 例1:通过用户头代理判断浏览器信息 <!DOCTYPE html> <html> <head> <meta charset=’utf-8′> <title></

JavaScript系列四:浏览器对象

1.window对象 Window对象是BOM的核心,window对象指当前浏览器窗口. alert()显示带有一段消息和一个确认按钮的警告框 prompt()显示可提示用户输入的对话框 confirm()显示带有一段消息以及确认按钮和取消按钮的对话框 open()打开一个新的浏览器窗口或查找一个已命名的窗口 close()关闭浏览器窗口 print()打印当前窗口的内容 focus()把键盘焦点给予一个窗口 blur()把键盘窗口从顶层窗口移开 moveBy()可相对窗口的当前坐标把它移动指定

Javascript进阶之路-论对象的重要性

要了解JavaScript对象,我们可以从对象创建.属性操作.对象方法这几个方面入手.概括起来,包括以下几模块: 1.创建对象        1.1 对象直接量        1.2 通过new创建对象        1.3 Object.create    2.属性管理        2.1 属性查询和设置        2.2 删除属性        2.3 检测属性        2.4 枚举属性    3.属性封装        3.1 属性getter和setter        3.

[JavaScript语法学习]全面介绍对象

对象的属性判断方法 1. in 2. hasOwnProperty() JS中的对象的属性(键名)必须是字符串,为了弥补和其他语言的差距(键名可以是任意类型) 在最新ES6标准中引入了Map和Set 在ES6标准中引入了iterable类型,Array  Map Set都属于iterable类型,可以使用for...of循环来遍历 for...of循环只会循环集合本身元素 ES5.1标准 forEach forEach(element, index, array) ES6对Object的扩展 1

JavaScript基础学习之-自定义对象(2)

自定义对象 一.定义类或对象1.工厂方式创建对象car 1 var oCar = new Object; 2 oCar.color = "red"; 3 oCar.doors = 4; 4 oCar.mpg = 23; 5 oCar.showColor = function(){ 6 alert(this.corlor); 7 }; 8 9 创建多个car 10 function createCar(color, doors, mpg) { 11 var tempcar = new O