javascript---BOM【分分快三计划】

作者:分分快三计划

History 对象方法

1 back()    加载 history 列表中的前一个 URL。
2 forward()    加载 history 列表中的下一个 URL。
3 go()    加载 history 列表中的某个具体页面。

分分快三计划 1分分快三计划 2

1 <a href="rrr.html">click</a>
2 <button onclick=" history.forward()">>>></button>
3 <button onclick="history.back()">back</button>
4 <button onclick="history.go()">back</button>

Demo

4、History 对象:History 对象包蕴客商(在浏览器窗口中卡塔尔访问过的 UF12berlinettaL。

History 对象是 window 对象的后生可畏有个别,可由此 window.history 属性对其张开拜会

BOM

3、history 对象

3、Screen 对象:Screen 对象包蕴关于顾客端体现显示屏的消息。

Location 对象属性

属性 描述
hash 设置或返回从井号 (#) 开始的 URL(锚)。
host 设置或返回主机名和当前 URL 的端口号。
hostname 设置或返回当前 URL 的主机名。
href 设置或返回完整的 URL。
pathname 设置或返回当前 URL 的路径部分。
port 设置或返回当前 URL 的端口号。
protocol 设置或返回当前 URL 的协议。
search 设置或返回从问号 (?) 开始的 URL(查询部分)。

历次修正location的习性(hash除此之外), 页面都会以新U凯雷德L重新加载

1、BOM简介

BOM(浏览器对象模型卡塔尔,能够对浏览器窗口实行拜访和操作。使用 BOM,开荒者能够移动窗口、改动状态栏中的文本以至实施其它与页面内容不直接相关的动作。

使 JavaScript 有力量与浏览器“对话”。

一、js组成

javascripe有三有的组成:ECMAScript,DOM和BOM,依照浏览器的不等,具体的表现情势也不尽肖似,ie和任何浏览器风格也差异
BOM 首要管理浏览器窗口和框架,但是普通浏览器特定的 JavaScript 扩张都被当做 BOM 的生龙活虎部分。

History 对象

History 对象蕴涵顾客(在浏览器窗口中卡塔 尔(阿拉伯语:قطر‎访谈过的 UENCOREL。
History 对象是 window 对象的风度翩翩局地,可经过 window.history 属性对其进展拜望。

方法 描述
back() 加载 history 列表中的前一个 URL。
forward() 加载 history 列表中的下一个 URL。
go() 加载 history 列表中的某个具体页面。

History 对象方法

方法 描述
back() 加载 history 列表中的前一个 URL。
forward() 加载 history 列表中的下一个 URL。
go() 加载 history 列表中的某个具体页面。

4、Location 对象

Location 对象饱含关于当前 U悍马H2L 的新闻。

Location 对象是 Window 对象的二个有些,可透过 window.location 属性来访谈。

2、Navigator 对象:Navigator 对象包涵关于浏览器的信息。

窗口关系以至框架

假若页面中蕴涵框架, 则每一种框架都富有本人的window对象, 何况保存在frames集合中. 在frames集结中, 能够因而数值索引(从0最初, 从左至右, 从上到下)大概框架名称来拜见相应的window对象, 每一种window对象都有三个name属性, 在那之中富含框架的名称.

更加多属性内容请查阅W3Cschool


History 对象属性

History 对象饱含客户(在浏览器窗口中卡塔 尔(英语:State of Qatar)访谈过的 UEvoqueL。

History 对象是 window 对象的一有些,可由此window.history 属性对其张开访问。

1 length  返回浏览器历史列表中的 URL 数量。
(1卡塔尔Screen 对象属性

availHeight:重临显示器幕的可观 (除 Windows 职分栏之外)。
分分快三计划,availWidth:重回荧显示屏的宽窄 (除 Windows 义务栏之外)。
bufferDepth:设置或重回调色板的比特深度。
colorDepth:重返指标设备或缓冲器上的调色板的比特深度
height:再次回到显示器幕的冲天
width:再次来到荧屏的幅度

导航和开发窗口open() 方法

  1. 概念和用法
    open() 方法用于张开叁个新的浏览器窗口或探索叁个已命名的窗口。

  2. 语法
    window.open(URL,name,features,replace)

    参数 描述
    URL 一个可选的字符串,声明了要在新窗口中显示的文档的 URL。如果省略了这个参数,或者它的值是空字符串,那么新窗口就不会显示任何文档。

|name |七个可选的字符串,该字符串是三个由逗号分隔的特征列表,此中囊括数字、字母和下划线,该字符评释了新窗口的名称。这一个名称能够用作标志< a > 和 < form > 的性情 target 的值。即便该参数钦点了叁个早就存在的窗口,那么 open() 方法就不再次创下制五个新窗口,而只是回到对点名窗口的援用。在此种情景下,features 将被忽略。|
|features| 二个可选的字符串,表明了新窗口要呈现的专门的职业浏览器的特性。假若省略该参数,新窗口将有着全体正式特征。在窗口特征那个表格中,大家对该字符串的格式进行了详实的认证。|
|replace|三个可选的布尔值。规定了装载到窗口的 UHavalL 是在窗口的浏览历史中创建多个新条款,依旧替换浏览历史中的当前条约。扶植下边包车型大巴值:
true - U卡宴L 替换浏览历史中的当前条约。
false - UTucsonL 在浏览历史中开修正的条文。|

setTimeout clearTimeout

分分快三计划 3分分快三计划 4

1 var ID = setTimeout(abc,2000); // 只调用一次对应函数.
2             clearTimeout(ID);
3     function abc(){
4         alert('aaa');
5     }

View Code

(2卡塔 尔(英语:State of Qatar)window 对象方法

alert(卡塔 尔(英语:State of Qatar):带有提示音信和一个肯定开关的弹框
blur(卡塔 尔(英语:State of Qatar):把键盘大旨从顶层窗口移开
focus(卡塔 尔(阿拉伯语:قطر‎:把键盘主旨授予叁个窗口
clearInterval():取消setInterval()设置的timeout
clearTimeout():取消setTimeout()设置的timeout
close(卡塔尔国:关闭浏览器窗口
confirm(卡塔尔:展现带有生龙活虎段消息及吊销开关和认可开关的弹框
prompt(卡塔 尔(英语:State of Qatar):显示可提醒顾客输入的对话框
createPopup(卡塔 尔(英语:State of Qatar): 创制叁个 pop-up 窗口。
moveBy(卡塔 尔(阿拉伯语:قطر‎:可相对窗口的一时一刻坐标把它移动内定的像素。
moveTo(卡塔 尔(阿拉伯语:قطر‎:把窗口的左上角移动到叁个内定的坐标
open(卡塔 尔(英语:State of Qatar):张开八个新的浏览器窗口或研究多个已命名的窗口
print(卡塔尔:打印当前窗口的剧情。
resizeBy(卡塔尔:根据钦点的像素调治窗口的大大小小。
resizeTo(卡塔 尔(阿拉伯语:قطر‎:把窗口的深浅调节到钦命的上涨的幅度和冲天。
scrollBy(卡塔尔:依照内定的像素值来滚动内容。
scrollTo(卡塔 尔(阿拉伯语:قطر‎: 把内容滚动到内定的坐标。
setInterval(卡塔尔国:依照内定的周期(以阿秒计卡塔 尔(阿拉伯语:قطر‎来调用函数或总计表明式。
setTimeout(卡塔 尔(阿拉伯语:قطر‎:在钦定的飞秒数后调用函数或总计表明式

Navigator 对象

Navigator 对象包括关于浏览器的音信。

Location 对象方法

1 location.assign(URL)
2 location.reload()
3 location.replace(newURL)//注意与assign的区别

 

(2)History 方法

back(卡塔 尔(阿拉伯语:قطر‎:加载 history 列表中的前二个 ULacrosseL。
forward(卡塔尔:加载 history 列表中的下一个 U路虎极光L。
go(卡塔 尔(阿拉伯语:قطر‎:加载 history 列表中的某些具体页面。

History 对象最早陈设来表示窗口的浏览历史。但鉴于隐秘方面的原委,History 对象不再允许脚本访谈已经访问过的实际上 U昂CoraL。唯风流倜傥保持利用的法力唯有back()、forward()和 go()方法。

Navigator 对象属性

属性 描述
appCodeName 返回浏览器的代码名。
appMinorVersion 返回浏览器的次级版本。
appName 返回浏览器的名称。
appVersion 返回浏览器的平台和版本信息。
browserLanguage 返回当前浏览器的语言。
cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值。
cpuClass 返回浏览器系统的 CPU 等级。
onLine 返回指明系统是否处于脱机模式的布尔值。
platform 返回运行浏览器的操作系统平台。
systemLanguage 返回 OS 使用的默认语言。
userAgent 返回由客户机发送服务器的 user-agent 头部的值。
userLanguage 返回 OS 的自然语言设置。

2、window 对象

1 window对象
2     所有浏览器都支持 window 对象。
3     概念上讲.一个html文档对应一个window对象.
4     功能上讲: 控制浏览器窗口的.
5     使用上讲: window对象不需要创建对象,直接使用即可.
(2卡塔尔国Navigation 对象方法

javaEnable():规定浏览器是不是启用java
taintEnable(卡塔尔:规定浏览器是或不是启用数据污点(data tainting卡塔尔国

Location 对象

Location 对象包罗关于当前 U奥迪Q3L 的音讯。
Location 对象是 Window 对象的三个片段,可因而 window.location 属性来访问。

window 对象方法:

 1 alert()            显示带有一段消息和一个确认按钮的警告框。
 2 confirm()          显示带有一段消息以及确认按钮和取消按钮的对话框。
 3 prompt()           显示可提示用户输入的对话框。
 4 
 5 open()             打开一个新的浏览器窗口或查找一个已命名的窗口。
 6 close()            关闭浏览器窗口。
 7 setInterval()      按照指定的周期(以毫秒计)来调用函数或计算表达式。
 8 clearInterval()    取消由 setInterval() 设置的 timeout。
 9 setTimeout()       在指定的毫秒数后调用函数或计算表达式。
10 clearTimeout()     取消由 setTimeout() 方法设置的 timeout。
11 scrollTo()         把内容滚动到指定的坐标。
(2)Location 方法

assign(卡塔 尔(英语:State of Qatar): 加载新的文书档案。
reload(卡塔尔:重新加载当前文书档案。
replace(卡塔尔国:用新的文书档案替换当前文档。

Location 对象方法

属性 描述
assign() 加载新的文档。
reload() 重新加载当前文档。
replace() 用新的文档替换当前文档。

相互之间情势:

分分快三计划 5分分快三计划 6

 1 方法讲解:    
 2         //----------alert confirm prompt----------------------------
 3     //alert('aaa');
 4     
 5     
 6     /* var result = confirm("您确定要删除吗?");
 7     alert(result); */
 8 
 9     //prompt 参数1 : 提示信息.   参数2:输入框的默认值. 返回值是用户输入的内容.
10 
11     // var result = prompt("请输入一个数字!","haha");
12     // alert(result);
13 
14 
15 
16     方法讲解:    
17         //open方法 打开和一个新的窗口 并 进入指定网址.参数1 : 网址.
18         //调用方式1
19             //open("http://www.baidu.com");
20         //参数1 什么都不填 就是打开一个新窗口.  参数2.填入新窗口的名字(一般可以不填). 参数3: 新打开窗口的参数.
21             open('','','width=200,resizable=no,height=100'); // 新打开一个宽为200 高为100的窗口
22         //close方法  将当前文档窗口关闭.
23             //close();

View Code

(1卡塔尔window对象数见不鲜属性

colsed:重临窗口是还是不是已被关闭
defaultStatus:设置或再次回到窗口状态中的默许文本
document:对document对象的只读援用。
history:对History对象的制度援引。
location用于窗口或框架的location对象。
name:设置或回到窗口的称谓。
Navigator:对Navigator对象的征引。
opener:再次来到对成立对此窗口的窗口的援用
outerheight:再次来到窗口的外表的莫斯中国科学技术大学学
outerwidth:重临窗口的表面宽度
Screen:对Screen对象的引用
self:再次回到对当前窗口的援用。等价于window属性。
status:设置窗口状态栏的文书。
top:重临最顶层的先辈窗口

window对象

BOM的为主目的是window, 它代表浏览器的一个实例. 在浏览器中, window对象有双重剧中人物, 它既是通过javascript访谈浏览器窗口的多少个接口, 又是ECMAScript规定的Global对象. 那象征在网页中定义的其余三个目的, 变量和函数. 都是window作为其Global对象, 因而有权访谈paeseInt()等方法.

setInterval clearInterval

分分快三计划 7分分快三计划 8

 1 <input id="ID1" type="text" onclick="begin()">
 2 <button onclick="end()">停止</button>
 3 
 4 <script>
 5 
 6 
 7     function showTime(){
 8            var nowd2=new Date().toLocaleString();
 9            var temp=document.getElementById("ID1");
10            temp.value=nowd2;
11 
12     }
13 
14     var clock;
15 
16     function begin(){
17 
18         if (clock==undefined){
19 
20              showTime();
21              clock=setInterval(showTime,1000);
22 
23         }
24 
25     }
26 
27     function end(){
28 
29         clearInterval(clock);
30     }
31 
32 </script>

View Code

1、window 对象:表示浏览器打开的窗口,标签恐怕框架(若当前页面里饱含四个iframe,会为每种iframe创造Window对象)。

Window对象不会被实例化,调用属性和办法都当做window的静态成员

ECMASript是javascript的宗旨. 但黄金年代旦要在Web中央银行使javascript, 那么BOM(浏览器对象模型)则确凿才是确实的宗旨. BOM提供了比超多目的, 用于访谈浏览器的成效. 那几个功效与任何网页内容非亲非故. 多年来, 缺少事实上的标准招致BOM既有趣又分外, 因为浏览器提供商会依照各自的主见去扩展它. 于是浏览器之间共有的目标就改成了实际上的规范. 那一个指标在浏览器中得以存在, 非常的大程度上是因为它们提供了与浏览器的互操作性. W3C为了把浏览器中javascript最大旨的有些条件, 已经将BOM的严重性方面放入了HTML5的正式中.


(1)Navigation 属性

appCodeName: 再次回到浏览器的代码名
appName:再次来到浏览器的称号
appVersion:再次来到浏览器的阳台和版本新闻
browserLanguage:重回当前浏览器的语言
cpuClass:重临浏览器的CPU等级
platform:重临运转浏览器的操作平台
userLanguage:重返os的自然语言设置

二、HTML BOM Browser对象

BOM描述了与浏览器进行相互的点子和接口。
javascript---BOM【分分快三计划】。Browser对象:指BOM提供的多个对象,包含:Window、Navigator、Screen、History、Location等。
里头Window对象为顶层对象,别的对象都为Window对象的子对象。

(1)Location 属性

javascript---BOM【分分快三计划】。hash:设置或重临从井号 (#) 开始的 URL(锚)
host:设置或再次回到主机名和当前 URubiconL 的端口号。
hostname:设置或回到当前 U讴歌RDXL 的主机名。
href:设置或重回完整的 U奔驰M级L。
pathname:设置或回到当前 UPRADOL 的路线部分。
port:设置或重回当前 U奥迪Q5L 的端口号。
protocol:设置或再次回到当前 UQX56L 的情商。
javascript---BOM【分分快三计划】。search:设置或再次回到从问号 (?) 起初的 UENCOREL(查询部分卡塔尔

5、Location 对象:Location 对象饱含关于当前 UTucsonL 的音信

Location 对象是 Window 对象的一个有个别,可透过 window.location 属性来访谈。

(1)History 属性

length:再次回到浏览器历史列表中的 UKugaL 数量。

本文由分分快三计划发布,转载请注明来源

关键词: 分分快三计划 程序员 学习日记 W3Cscho... W3Cscho.