浏览器对象模型(BOM,Browser Object Model)
★概述











window.defaultStatus="Welcome to my WebPage!";


//延时调用
window.setTimeout(alert("2s later"),2000);
window.setTimeout(function(){alert("2s later")},2000);
//以上这两句代码的效果是相同的(两秒后弹出提示窗口)
var timer=window.setTimeout(alert("2s later"),2000);
//声明变量timer来存储延时函数,便于以后对定时操作的删除
window.clearTimeout(timer);
//清除定时器
<h2>ShowCurrentTime</h2>
<time id="ShowCurrentTime"></time>
<hr/>
<button onclick="ShowTime()">ShowTime</button>
<button onclick="StopTime()">StopTime</button>
<script>
//获取时间并向页面输出
function getTime(){
var time=document.getElementById('ShowCurrentTime');
if(1){
time.innerHTML="Now:"+(newDate()).toLocaleTimeString();
}
}
//利用window.setTimeout( )显示提示框
varIntervalID;
functionShowTime(){
IntervalID=window.setInterval(getTime,1000);
setTimeout("alert('隔3秒后弹出此消息框,只显示一次。')",3000);//这句代码中的执行代码,会如期在3s后执行
/*setTimeout(alert("3s later and it disappears only once!"),2000); *///这条语句其中的执行代码会立即执行而不会等到2s后执行
}
functionStopTime(){
window.clearInterval(IntervalID)
}
</script>



<h2>使用location对象</h2>
<hr/>
<scripttype="text/javascript">
document.open();//新建HTML文档
document.writeln("location.href="+ window.location.href);
document.writeln("<br /> window.location.protocal="+ window.location.protocol);
document.writeln("<br /> window.location.host="+ window.location.host);
document.writeln("<br /> window.location.pathname="+ window.location.pathname);
document.writeln("<br /> window.location.search="+ window.location.search);
document.close();//关闭HTML文档
</script>

<h2>Location 对象的方法</h2>
<hr/>
<buttononclick="window.location.assign('http://www.baidu.com')">assign</button>
<p>方法assign结合语句window.location.assign('http://www.baidu.com')实现百度跳转</p>
<buttononclick="window.location.reload()">reload</button>
<p>方法reload结合语句window.location.reload()实现<mark>重新载入当前文档</mark></p>
<buttononclick="window.location.replace('http://www.baidu.com')">replace</button>
<p>方法replace结合语句window.location.replace('http://www.baidu.com')实现百度跳转,<mark>并且不能够返回</mark></p>



<!--超级链接-->
<ahref="#"target="_blank">页面</a>
<!--在新窗口加载页面,可以设置新窗口的相关属性-->
window.open("#","name","options")
<!--加载页面,并且历史记录中保存相关信息-->
document.URL="#"和location.href="a.html"
<!--注意replace方法加载页面,在浏览器记录中不保存相关网页信息-->
location.replace("#")和location.assign("#")


<script>
document.open();
document.write("屏幕宽度是:"+ window.screen.width +"<br/>");
document.write("屏幕高度是:"+ window.screen.height +"<br/>");
document.write("屏幕色深是:"+ window.screen.colorDepth +"<br/>");
document.write("屏幕可用宽度是:"+ window.screen.availWidth +"<br/>");
//可用高度是除去任务栏以后的高度
document.write("屏幕可用高度是:"+ window.screen.availHeight +"<br/>");
document.close();
</script>

浏览器对象模型(BOM,Browser Object Model)的更多相关文章
- BOM—浏览器对象模型(Browser Object Model)
1,javascript 组成部分: 1.ECMAscript(核心标准): 定义了基本的语法,比如:if for 数组 字符串 ... 2.BOM : 浏览器对象模型(Browser ...
- BOM(Browser Object Model) 浏览器对象模型
JavaScript 实现是由 3 个部分组成:核心(ECMAScript),文档对象模型(DOM),浏览器对象模型(BOM) BOM(Browser Object Model) 浏览器对象模型BOM ...
- BOM—Browser Object Model and DOM—Document Object Model
浏览器对象模型的内涵是每个页面都是一个window对象,而dom是document为基准的模型,而document与wimdow.document指向相同,所以可以这么理解,bom模型的定义是包括do ...
- 有关BOM(Browser Object Model)的内容
包括: BOM概述 BOM模型 Window对象(常用属性和方法,窗口的打开,窗口的关闭,模态对话框,定时器) Navigator对象(遍历navigator对象的所有属性,Navigator 对象集 ...
- JavaScript 浏览器对象模型 (BOM)
浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”. 浏览器对象模型 (BOM) 浏览器对象模型(Browser Object Model)尚无正式标准. 由于现代浏览器已经 ...
- 浏览器对象模型BOM小结
概念 BOM (Browser Object Model) 浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window B ...
- BOM (Browser Object Model) 浏览器对象模型
l对象的角色,因此所有在全局作用域中声明的变量/函数都会变成window对象的属性和方法; // PS:尝试访问未声明的变量会抛出错误,但是通过查询window对象,可以知道某个可能未声明的对象是否存 ...
- 浏览器对象模型BOM(Browser Object Model)
1.结构 BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是w ...
- javascript快速入门之BOM模型—浏览器对象模型(Browser Object Model)
什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对 ...
随机推荐
- python排序算法的实现-选择
1.算法: 对于一组关键字{K1,K2,…,Kn}, 首先从K1,K2,…,Kn中选择最小值,假如它是 Kz,则将Kz与 K1对换: 然后从K2,K3,… ,Kn中选择最小值 Kz,再将Kz与K2对换 ...
- 【转】Objective-C Class Dump
(转自:http://blog.sina.com.cn/s/blog_4431c7610100x15t.html) class dump是一个命令行工具,用来监测存储在Mach-O二进制文件理的Obj ...
- MediaElement视频控制:播放、暂停、停止、后退、快进、跳转、音量
/* ================================================= * Author: Micro * Date: 2016=03-25 ...
- How To Create a Personal Balance Sheet
Calculating your personal net worth is the best way to know exactly what your starting point is, in ...
- 太阳升起并下落的小动画-SWIFT
一个小小的动画,太阳公公上山又下山.先上效果图. 用 lipecap 录的gif效果有点卡顿.好吧,说下如何实现的. 首先在一个大圆内先计算出内切九边形各个顶点的位置,接着连接相应的顶点变成一个九角星 ...
- webpack 打包时到底如何组织js
问题一:引入前端库,方法也是不一样的 比如 lodash.js ,作为一个 chunk 用 html-webpack-plugin 打包到页面里,会生成一个全局变量 window._ ,在其它 js ...
- Windows开发环境搭建(安装 VS2010, VS2013, VS2015 Community, Windows Server 2008 R2)
1. 安装VS2010 1.1 安装步骤 1. 注意安装的时候,选择自定义安装,将不需要的VB.net去掉. 2. 看一下C++下的x64选项是否选择了,如果没选,将其选上. 3. 一定要将 Micr ...
- Android开发之ProgressDialog在独立Thread线程中更新进度
简单的需求:在一个工作Thread中更新进度对话框ProgressDialog 遇到的问题: 1,创建需要Context,这个需要传进来 2,Thread中不能创建ProgressDialog,否则需 ...
- {转}Unity3d+Jenkins 自动编译iOS、Android版本(U3D远程自动打包工具)
http://www.cnblogs.com/yinghuochong/archive/2013/09/01/3294940.html
- Dennis与Ken爷爷的UNIX/C世界
沉寂了很久了,时间在不断地逝去,转眼又到了新的一年,2013的发生了太多,Beta版本.辞职.职位转换.ARM.Driver.初级厨艺.Dx11.GPU.CPU.登山.GNU/Linux.Cross ...