`
godismycompany
  • 浏览: 1388 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

javascript学习之BOM come from 北风网+瓢城俱乐部,特此感谢!

阅读更多
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自然语言
分享到:
评论

相关推荐

    JavaScript BOM操作 示例代码

    JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript ...

    javascript中的BOM.xmind

    自己总结的JavaScript中BOM的笔记,绘制了详细的思维导图,每个思维导图中均有详细的博文解释,方便大家学习和理解,免费分享给大家。适合网页前端的爱好者和学习者

    javascript中的BOM与DOM、JS核心.pdf

    JavaScript使用心得之BOM与DOM,主要是使用JavaScript的基本语句,以及BOM和DOM提供的对象的属性和方法,来操作各个BOM对象的属性以及各个DOM节点的属性甚至是结构,从而控制浏览器窗口行为和文档内容及其展示。

    Html+Css+Javascript从入门到精通.pdf

    - **特点与其他语言对比**:JavaScript的独特之处。 - **运行环境**:介绍JavaScript执行的环境。 - **简单示例**:编写第一个JavaScript程序。 **第十七章:JavaScript基本数据结构** - **代码嵌入方法**:将...

    JavaScript学习指南 第3版

    JavaScript学习指南(第3版)》系统地介绍了JavaScript的基本语法、基本对象、调试工具与排错技术、事件处理机制、浏览器对象模型/文档对象模型(BOM/DOM)等方面的知识,并通过一个复杂的示例深入探讨了Ajax应用。...

    韩顺平《轻松搞定网页设计HTML+CSS+JAVASCRIPT》之Javascript学习笔记

    JavaScript,简称JS,是网页设计中的关键组成部分,用于创建交互式的网页效果。它是一种轻量级的、基于原型的、解释性的脚本语言,通常与HTML和CSS一起使用,为Web开发提供了强大的功能。在韩顺平的《轻松搞定网页...

    JavaScript学习心得之概述

    一、JavaScript是一种专为与网页交互而设计的脚本语言,它的的组成 ECMAScript(核心) DOM(文档对象模型) BOM(浏览器对象模型) 1.1ECMAScript  ECMA-262定义的ECMAScrip与Web浏览器没有依赖关系,ECMA-262...

    _javascript_BOM&DOM&JSON

    javascript BOM 和 DOM 和 JSON

    javascript文档+学习资料

    这份“javascript文档+学习资料”压缩包包含了一个全面的学习资源集合,适合初学者和有一定基础的开发者提升技能。 一、JavaScript基础 JavaScript的基础包括变量、数据类型、操作符、流程控制(条件语句与循环)、...

    去除所有页面BOM头

    在IT行业中,BOM(Byte Order Mark)是一个特殊字符,主要用于标识文本文件的编码格式,尤其是在UTF-8编码中常见。BOM头并不是必须的,但在某些情况下可能会引起问题,例如在JavaScript处理JSON数据或者在网页显示...

    史上最全的JavaScript学习资料

    JavaScript,一种广泛应用于Web开发的脚本语言,是前端开发的核心技术之一,也是现代互联网应用程序的重要组成部分。这个压缩包中的“史上最全的JavaScript学习资料”显然包含了一系列丰富的资源,旨在帮助学习者...

    javaScript学习笔记总结.docx

    JavaScript是一种轻量级的解释型编程语言,主要用于网页和网络应用开发。它由网景公司的Brendan Eich在1995年发明,最初设计目的是增强网页的交互性,验证表单数据。JavaScript的运行环境是浏览器,它不需要预编译,...

    《网页设计与制作项目教程(HTML+CSS+JavaScript)》-配套源码.zip

    学习JavaScript时,需要理解变量、数据类型、函数、事件处理以及DOM(Document Object Model)操作等基础知识。 教程中的配套源码提供了丰富的实例,每个案例都是独立的,便于学习者逐个分析和实践。这些案例可能...

    个人博客html+css+JavaScript完整代码

    在构建一个个人博客时,HTML、CSS和JavaScript是三个核心组成部分。HTML负责网站的基本结构,CSS则用于美化页面样式,而JavaScript则为交互性提供动力。...通过不断学习和实践,可以进一步提升博客的功能和用户体验。

    js学习资源(js基础、BOM和DOM操作)

    在"js学习资源(js基础、BOM和DOM操作)"这个主题中,我们主要探讨JavaScript的基础知识,包括变量、数据类型、控制流程、函数等基本概念,以及如何使用JavaScript来操作浏览器对象模型(BOM)和文档对象模型(DOM)。...

    网页设计与制作教程(HTML+CSS+JavaScript)第2版+电子教案、素材文件、源代码

    这个压缩包包含了完整的教材、电子教案、素材文件以及源代码,为学习者提供了一站式的实践平台。 首先,我们来深入理解HTML(HyperText Markup Language)。HTML是网页的基础,它是用来构建网页内容的标记语言。...

    Html+CSS +Javascript实现的一个很炫个人主页网页

    个人主页不仅能够展现个人的技能和品味,更是网络社交的重要工具之一。通过使用Html、CSS以及Javascript这三种核心技术,可以构建出一个极具个人特色的炫酷个人主页,而这样的技术实现,既需要网页设计师的创意灵感...

    textEditor:==>在此项目中,使用Vanilla JavaScript构建的简单文本编辑器使我了解了有关DOM(文档对象模型),浏览器对象模型(BOM)和现代ES6 + Javascript的更多信息。

    在本项目"文本编辑器"中,我们使用Vanilla JavaScript构建了一个简单的文本编辑器,这为我们提供了一次深入了解DOM(文档对象模型)、浏览器对象模型(BOM)以及现代ES6+ JavaScript语法的机会。通过这个项目,我们...

    Html+Css+JavaScript 学习资料

    很全得Html+CSS+JavaScript 得学习资料,实例 和教程都有,欢迎大家下载,很好的学习帮助资料!

    Javascript之BOM(window对象)详解

    ECMAScript是JavaScript的核心,但在web使用JavaScript,那么BOM(浏览器对象模型)才是真正的核心。 BOM的核心对象是window,它表示浏览器的一个实例。 在浏览器中,window对象既是JavaScript访问浏览器窗口的一个...

Global site tag (gtag.js) - Google Analytics