js中的浏览器基本模型

原创 2013年12月02日 15:40:53

javascript分成三个部分
   js基本语法
   js操作浏览器(bom:浏览器对象模型)
   js操作html文档(js-dom)


我们发现,很多大的网站都使用了<noscript>标签:当浏览器脚本被禁用是调用,写在任何位置都可以。
2.如何处理脚本被禁用的情况
直接显示在页面上。提示脚本被禁用
提示脚本被禁用,然后给出链接,在新页面上详细说明如何启用,文字+图
程序开发两个版本,一套支持js,一套不使用js,根据用户的情况,让用户自己选择是开启脚本还是使用不启用js的程序版本

例如:<noscript>您的浏览器不支持js脚本,所以无法正常显示<a href="   ">如何解除限制</a>
</noscript>

浏览器对象模型
window对象:

窗口操作
移动或调整浏览器窗口的大小
moveBy(dx,dy):移动x,y个位置
moveTo(x,y):移动到x,y的位置
resizeBy(dw,dh):调整dw,dh大小
reziseTo(w,h):调整到dw,dh大小
window.screenLeft:浏览器相对于屏幕左边缘的距离
window.screenRight
window.screen.width:获取屏幕的宽度
window.screen.height:获取屏幕的高度(和分辨率有关)
window对象:导航打开新窗口
window.open(url,name,params,boolean)打开新窗口
要载入新窗口的页面的URL,可以是站点中存在的页面,也可以是一个网站或页面的地址
新窗口的名字,为目标所用
特定字符串
布尔值,说明新载入的页面是否替换当前页面
一般只用前三个参数,最后一个参数只在window.open()方法却不打开新窗口时有效

特定字符串:


系统对话框:
alert:警告对话框,有一个ok按钮
confirm:除OK按钮,还有一个cancel按钮,并返回一个boolean值
prompt:除ok,cancel按钮外还有一个文本框,此方法接受2个参数,即要显示给用户的文本和用户输入的文本,并返回一个字符串,此字符串就是用户输入的文本


如何根据点击的按钮来进行实际的删除:
函数:   function showdelete() {
            if (confirm('真的要删除吗?') == false) {
            return false;
            }
        }
 按钮事件:  OnClientClick="return showdelete();"


访问历史:

window.history.go(-1):后退一页
window.history.go(1):前进一页
window.history.back():后退一页
window.history.forward():前进一页
window.history.length:查看历史列表数量
document:唯一一个既属于BOM又属于DOM的对象,每个浏览器实现的document对象稍有不同
location对象:表示载入窗口的URL(可以理解为就是地址栏里的那段字符串),还可以解析URL
location对象提供了很多属性和方法用来解析URL。
hash:返回#符号后的内容
host:服务器的名字
hostname:通常等于host,有时会省略前面的www.
href:当前载入的页面的完整的URL
pathname:url中主机名后的部分
port:URL中声明的请求端口,默认情况下,大多数URL没有端口信息,所以该属性通常为空白
protocal:URL中使用的协议
search:执行get请求的URL中问号后面的部分,又称为查询字符串
 

navigator:包含浏览器的相关信息


screen:获取用户屏幕信息,是window对象属性,availHeight:窗口可以使用的屏幕的高度
availWidth:窗口可以使用屏幕的宽度
注意:不是显示器的高和宽,是当前分辨率的高和宽(分辨率的概念)
height:屏幕的高度
width:屏幕的宽度
colordepth:用户表示颜色的位数,大多数采用32位

JavaScript基础——浏览器对象模型(BOM)

简介 ECMAScript是JavaScript的核心,但如果要在Web中使用JavaScript,那么BOM(浏览器对象模型)则无疑才是真正的核心。BOM提供了很多对象,用于访问浏览器的功能,这些功...
  • Goskalrie
  • Goskalrie
  • 2016年06月20日 16:11
  • 2809

JS——浏览器对象模型BOM

什么是BOMBOM是browser object model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是...
  • culous
  • culous
  • 2016年09月17日 17:12
  • 532

JavaScript 事件模型 事件处理机制

这篇文章对于了解Javascript的事件处理机制非常好,将它全文转载于此,以备不时之需。 什么是事件? 事件(Event)是JavaScript应用跳动的心脏 ,也是把所有东西粘在一起的...
  • chenmoquan
  • chenmoquan
  • 2013年08月21日 21:10
  • 12909

JAvaScript和DOM(文档对象模型)和BOM(浏览器对象模型)

DOM是针对XML但经过扩展用于HTML的应用程序编程接口DOM把整个页面映射成一个多层节点结构,HTML页面中的每一个组成部分都是某种类型的节点,这些节点也包含这不同类型的数据...
  • wang2963973852
  • wang2963973852
  • 2016年10月27日 13:58
  • 1306

使用Three.js + Blender构建在浏览器端显示的3D模型(3)

http://www.cnblogs.com/rsail/archive/2012/10/11/2719251.html 第三章 使用three.js加载blender生成的马克杯模型 ...
  • lk5423968
  • lk5423968
  • 2015年09月30日 10:46
  • 2470

浏览器渲染流程分析与总结

我们写了那么多的页面,大家都知道编写HTML是页面的结构,CSS是控制样式,那么浏览器它到底是怎么工作的呢?怎样把你所写的HTML和CSS代码在页面中呈现出来的呢?带着这个疑问我们探讨下去。...
  • sunyuan_software
  • sunyuan_software
  • 2016年02月01日 15:59
  • 784

js清除浏览器缓存的几种方法

关于浏览器缓存浏览器缓存,有时候我们需要他,因为他可以提高网站性能和浏览器速度,提高网站性能。但是有时候我们又不得不清除缓存,因为缓存可能误事,出现一些错误的数据。像股票类网站实时更新等,这样的网站是...
  • u013630488
  • u013630488
  • 2015年11月02日 11:16
  • 30091

JS浏览器对象模型(BOM)

一、Window, 1、所有浏览器都支持window对象,它表示浏览器窗口,所有JavaScript全局对象、函数以及变量均自动成为window对象的成员,全局变量是window对象的属性,全局函数是...
  • Oliver__Lau
  • Oliver__Lau
  • 2016年08月23日 17:10
  • 274

js/jQuery判断浏览器名称、内核版本、浏览器壳

1.js方法 var NV = {}; var UA = navigator.userAgent.toLowerCase(); try { NV.name=!-[1,]?'i...
  • Inuyasha1121
  • Inuyasha1121
  • 2015年01月29日 13:51
  • 3538

js -BOM浏览器对象模型

BOM的概念windows对象及下属属性window相关事件window常用方法 BOM的概念---BOM浏览器对象模型(Browser Object Model)  它提供了很多对象...
  • qq_34629352
  • qq_34629352
  • 2016年08月02日 21:53
  • 194
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js中的浏览器基本模型
举报原因:
原因补充:

(最多只允许输入30个字)