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位

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

总结AJAX相关JS代码片段和浏览器模型

在.net开发中,充分利用免费控件是好事情,但是如果不能修改控件达到自己的需求,就要动用JS大法了,前提是研究好浏览器模型 的各种对象的方法属性。尤其是熟悉CSS+HTML就会做的很酷。就JS语言本身...

js 事件模型中不同浏览器的监听和解除监听方式参考

/eventutil.js var EventUtil = new Object; /*    此方法用来给特定对象添加事件,oTarget是指定对象,sEventType是事件类型,如clic...

JS——浏览器对象模型BOM

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

js学习小结(三)2014.4.18-外边距合并,负边距和浏览器渲染,盒模型

昨天和今天,查了一些有关css的资料,看得乱七八糟,毫无头绪。真心觉得cssbi

BOM IE浏览器对象模型 基本结构

文档对象模型(DOM)属于VBScript客户端扩展部分,在文档对象模型中提供了大量的对象,这些对象应用于浏览器上,这些对象在我们编写脚本时发挥着重要的作用。 当用户在浏览器中打开一个页面时,浏...

js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth/scrollTop。

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetW...

js获取浏览器基本信息

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetW...

js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth/scrollTop

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetW...

js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetW...

js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth/scrollTop。

网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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