js中的浏览器基本模型

来源:互联网 发布:宁夏 单片机 编辑:程序博客网 时间:2024/05/21 07:59

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位

原创粉丝点击