window.blur()使窗体或对象失去焦点;
与之相反的代码是window.focus();但是各个浏览器之间有冲突
并不是所有的浏览器都支持这两个代码
但有的浏览器会屏掉这个弹窗
为了防止浏览器将弹窗屏屏蔽,可以将弹窗代码加到事件
中去,这样浏览器会识别出这个弹窗是由用户触发的,
因此不会屏蔽
下面这段单独的代码可以会遇到某些浏览器的屏蔽
window.open("url",name,features.replace);
但我们可以将其加入到某个事件 中,
如document.onclick=function(){
window.open();
}
window.open是一个比较重要的函数
如window.open("www.baidu.com" ,"_blank")
但其中 也有一个重要的技巧,下面这段代码
window.open("url1","newwindow");
window.open("url2","newwindow");
window.open("url3","newwindow")
这段的代码的效果将是只打开一个窗口,而三个url虽然是不同的
的,但是它们打开的新窗口的名字是相同的,所以只会打开一个窗口
而在这一个窗口中依次显示三个网址,也就是url1会先显示,然后url2会覆盖url1,然后url3会覆盖url2,这三个地址是依次在同一个窗口中显示 的,
解决这个问题最笨的办法就是给要打开的窗口取不同的名字
window.open("url1","newwindow1");
window.open("url2","newwindow2");
window.open("url3","newwindow3")
另一个重要的技巧是这样写
window.open("url1","_blank");
window.open("url2","_blank");
window.open("url3","_blank")
在这里这个_blank有特殊的意义,表示每次都要在新的窗口中打开url
另一个在此有意义的词语就是_self
window.open("url1","_self")
window.open("url2","_self")
则这段代码的效果将会在当前窗口中依次打开两个url
而不会打开新的窗口
这个函数的实现与浏览器对安全性的设置有关
screen是一个对象,表示屏幕,如screen.width表示当前屏幕的
而screen.heigh表示当前屏幕的高度
关闭窗口
window.close()这段代码只会关闭由javascrip打开的窗口,即是由
window.open()所打开的窗口才能由window.close()关闭
window.open()是有返回值的,返回的即是object window对象
即是一个新窗体的引用
如可以这样写一段代码
var w=window.open(“url”,"");
w.close();
这样就可以关闭由window.open()打开的窗体
window.moveto(0,0);
但这段代码会出错,var w=window.open;
var d = w.document;则会出错,因为window.open一般打开的是
其它网站的窗体,而这段代码要在本网址内访问其它网址的内容
这就会导致安全问题,javascript在这里不支持,所以会出错,
但是如果window.open("url","_blank")中的url是指向本页面的
url则可以获得打开的document
子窗口和父窗口通信的问题的问题
这里先介绍对话框javascript中有三种对话框
alert(str) ;弹出消息对话框,对话框 中有一个确定按钮
confirm(str);弹出一个消息对话框
对话框中包含一个确定按钮与取消按钮
prompt(str,defaultValue);弹出消息对话框,对话框中包含一个确定按钮
一个取消按钮和一个文本输入框,由于浏览器之间的兼容问题,若没有第二个参数,即文本框中默认值时也最好提供一个空字符串
即prompt(str,"");
window.defaultStatus属性 改变浏览器状态栏的显示
window.status属性 临时改变浏览器状态栏的显示
时间等待与间隔函数
setTimeout()暂停指定的这毫秒数后执行指定的代码
clearTimeout()取消指定的setTimeout函数将要执行的代码
setInterval()间隔指定的毫秒数不停地执行指定的代码
clearInterval()取消指定的setInterval函数要执行的代码
setTimeout与setInterval方法有两个参数,第一个对数可以为字条串形式的代码,也可以是函数引用,第二个参数为间隔这毫秒数,它们的返回 是一个可用于对应clear方法的数字ID
//status
setTimeout这个函数是很重要 的,有两个参数,第一个参数是代码,第二个是要间隔的毫秒数
如setTimeout("alert("wqe")",10000)间隔十秒执行弹出框,但是这个代码是有问题,因为""是不能嵌套的,是需要进行转义
这种用法是不提倡的,因为这样写的代码是死的,还不能进行传值
所以可以用下面这段代码的形式
setTimeout(function(){
},1000)用一个函数来取代代码的这个函数会返回一个值,如
var t = setTimeout()
而clearTimeout(t)则可以来取消这段间隔执行的代码,
类似的应用也适用于setInternal()和clearInternal()
下面要讲的一个对象是History这个对象的
应用意义并不是太大
其中 有三个函数
back()加载history列表中的前一个url,这个函数还是有时候会用到的,
forword()加载history列表中的下一个url
go(num)加载history列表中的某个具体页面这个函数没有什么特殊的意
这三个函数中的应用很少,因为谁也不知道用户的收藏夹里具体存在的页面是什么,所以没有什么实际的应用,可以忽略
下面要讲的一个对象是Location对象
在火狐中安装了firedebug后会有一个console对象
location.href=www.baidu.com这句代码的效果相当于在当前的窗口中输入www.baidu.com这段代码也等同于location.assign(www.baidu.com)
reload()相当于刷新的功能
如location.reload(true)表示强制刷新
但location.href和location.assign()会有副 作用,即在将当前页面转到目标地址后,会在历史记录中留下痕迹,如果这条语句使用的少也没有多少关系,但如果大量使用的话,会产生很多垃圾文件,及对浏览器造成不必要的负担,也会涉及到用户的隐私问题,所以这个语句最好不要经常用
可以用location.replace即页面重定向的函数来实现,这个函数的使用
即为location.replace("url");这个与location.href="url"和location.assign("url")
的作用是相同的,但是不会在浏览器的历史纪录中留下痕迹,也减少的浏览器的负担
下面要讲的是navigator对象,它的属性有appCodeName返回浏览器的代码名,appName返回浏览器的名称
browserLanguage,返回当前浏览器的语言
cookieEnabled返回指明浏览器中是否启用cookie的布尔值
cpuClass返回浏览器系统的CPU等级
onLine返回指明系统是否牌脱机模式的布尔值
platform返回运行浏览器的操作系统平台
systemLanguage返回OS默认语言
userAgent返回由客户机发送服务器的user-agent头部的值
userLanguage返回OS自然语言
分享到:
相关推荐
【李炎恢的瓢城web俱乐部官网模板】是一款由知名Web开发者李炎恢设计并创建的网站模板,专为Web俱乐部或类似组织提供一个展示、交流的在线平台。这款模板以其独特的设计风格、功能丰富的布局以及对HTML5标准的遵循,...
JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript ...
JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码...
JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 ...
JavaScript BOM操作 计时器趣味案例 示例代码JavaScript BOM操作 计时器趣味案例 示例代码JavaScript BOM操作 计时器趣味案例 示例代码JavaScript BOM操作 计时器趣味案例 示例代码JavaScript BOM操作 计时器趣味...
JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码...
自己总结的JavaScript中BOM的笔记,绘制了详细的思维导图,每个思维导图中均有详细的博文解释,方便大家学习和理解,免费分享给大家。适合网页前端的爱好者和学习者
在本项目中,“瓢城企培网--页面.zip”是一个包含网页设计元素的压缩文件,主要涉及前端开发技术,特别是JavaScript、CSS以及Bootstrap框架的应用。接下来,我们将详细探讨这些技术及其在网页设计中的作用。 首先,...
JavaScript是Web开发中不可或缺的一部分,主要由三个组成部分构成:ECMAScript、DOM(文档对象模型)和BOM(浏览器对象模型)。这三个部分协同工作,使开发者能够创建动态、交互式的网页。 1. ECMAScript: ...
Javascript之BOM与DOM讲解
JavaScript使用心得之BOM与DOM,主要是使用JavaScript的基本语句,以及BOM和DOM提供的对象的属性和方法,来操作各个BOM对象的属性以及各个DOM节点的属性甚至是结构,从而控制浏览器窗口行为和文档内容及其展示。
JavaScript学习资料JavaScript基础语法函数及相关源代码资料: BOM基础.pdf BOM基础(源代码).zip Date对象之获取和设置月份-getMonth&setMonth(教辅).pdf DOM事件总结(教辅).pdf DOM事件(ppt).pdf JavaScripr...
JavaScript浏览器对象模型(BOM,Browser Object Model)是JavaScript在Web开发中用于操作浏览器特性的核心部分。它不依赖于HTML文档对象模型(DOM),而是提供了与浏览器交互的一系列对象,如Window、Navigator、...
该系统是一款基于JavaScript语言的李尔BOM分解系统设计源码,包含1675个文件,其中JavaScript文件552个,HTML文件475个。项目整合了HTML、CSS、Java、PHP等多种编程语言,涵盖了多种文件格式,如GIF、PNG、SVG等。...
- **特点与其他语言对比**:JavaScript的独特之处。 - **运行环境**:介绍JavaScript执行的环境。 - **简单示例**:编写第一个JavaScript程序。 **第十七章:JavaScript基本数据结构** - **代码嵌入方法**:将...
JavaScript是一种基于ECMAScript标准的脚本语言,广泛应用于网页和网络应用开发。它通过BOM(Browser Object Model)和DOM(Document Object Model)来操控浏览器环境和网页内容。BOM是浏览器提供的一系列特性集合,...
javascript BOM 和 DOM 和 JSON
这份“javascript文档+学习资料”压缩包包含了一个全面的学习资源集合,适合初学者和有一定基础的开发者提升技能。 一、JavaScript基础 JavaScript的基础包括变量、数据类型、操作符、流程控制(条件语句与循环)、...
JavaScript,一种广泛应用于Web开发的脚本语言,是前端开发的核心技术之一,也是现代互联网应用程序的重要组成部分。这个压缩包中的“史上最全的JavaScript学习资料”显然包含了一系列丰富的资源,旨在帮助学习者...