一、Browser对象

<一>、window对象

1.window.尺寸

当ie>=9时:

window.innerHeight/outHeight
window.innerWidth/outWidth

当ie=8,7,6,5时:

window.documentElement.clientHeight/outHeight
window.documentElement.clientWidth/outWidth
或者
document.body.clientHeight
document.body.clientWidth

2.window.open();widow.colse();

(1).window.open(URL,name,features,[replace])

其中:
URL:新窗口的位置,有“省略/空格”时,不能显示任何文档;

name:窗口名称/target特性;

features:窗口特点:

channelmode=yes|no|1|0 是否使用剧院模式显示窗口。默认为 no。
directories=yes|no|1|0 是否添加目录按钮。默认为 yes。
fullscreen=yes|no|1|0 是否使用全屏模式显示浏览器。
默认是 no。处于全屏模式的窗口必须同时处于剧院模式。
height=pixels 窗口文档显示区的高度。以像素计。
left=pixels 窗口的 x 坐标。以像素计。
location=yes|no|1|0 是否显示地址字段。默认是 yes。
menubar=yes|no|1|0 是否显示菜单栏。默认是 yes。
resizable=yes|no|1|0 窗口是否可调节尺寸。默认是 yes。
scrollbars=yes|no|1|0 是否显示滚动条。默认是 yes。
status=yes|no|1|0 是否添加状态栏。默认是 yes。
titlebar=yes|no|1|0 是否显示标题栏。默认是 yes。
toolbar=yes|no|1|0 是否显示浏览器的工具栏。默认是 yes。
top=pixels 窗口的 y 坐标。
width=pixels 窗口的文档显示区的宽度。以像素计。

replace:一个可选布尔值

true:URL 替换浏览历史中的当前条目
false:URL 在浏览历史中创建新的条目

(2).window.close()
  • 直接调用;

    eg:

  • 当用于关闭指定的由window.open()打开的窗口,在没有window.open()时,则控制台显示“无法使用脚本关闭非脚本打开窗口”;

    eg:

(3).window.resize();window.scroll();

window.resizeBy(XX[px],YY[px]);——窗口尺寸变化的单位为:±XX,±YY (单位/px);
window.resizeTo(XX[px],YY[px]);——窗口尺寸变换为:XX,YY(单位/px);
window.scrollBy(XX[px],YY[px]);——屏幕滚动的单位为:±XX,±YY (单位/px);
window.scrollToo(XX[px],YY[px]);———屏幕滚动到数据位置:XX,YY(单位/px);
object.onscroll();onscroll事件:元素滚动时执行..;
document.Element.scrollTop||document.body.scrollTop;回顶;

2、History对象

  • window对象的一部分,可通过 window.history 属性对其进行访问:
  • window.history.back()——返回一前一个URL;
  • window.history.forward()——加载下一个URL;
  • window.history.go()——加载某个具体的页面;

3、Laction对象

  • window对象的一部分,可通过 window.Location 属性对其进行访问:
  • 属性:
  • >window.location.hash()——返回一个URL的锚部分(#及其以后的部分);

    window.location.host()——返回/设置主机名及端口
    window.location.href()——返回完整的URL;
    window.location.search()——返回/设置RUL查询部分(从?开始的URL);
    window.location.port()——返回/设置一个URL服务器使用的端口号;

  • 方法:

    window.location.reload()——重新加载当前文档;
    window.location.assign()——加载一个新的文档;
    window.location.repalace()——替换当前文档;

<二>、Screen对象

Screen 对象包含有关客户端显示屏幕的信息。

screen.availHeight ——返回屏幕的高度(不包括Windows任务栏)
screen.availWidth ——返回屏幕的宽度(不包括Windows任务栏)
screen.colorDepth ——返回目标设备或缓冲器上的调色板的比特深度
screen.height ——返回屏幕的总高度
screen.pixelDepth ——返回屏幕的颜色分辨率(每象素的位数)
screen.width ——返回屏幕的总宽度

window.innerHeight/Width、outHeight/Width与screen.height/width的区别
前者是,浏览器可见区域的内宽/高不含浏览器边框,但包含滚动条,兼容:ie9/10、chrome、firefox;
后者显示的是,屏幕的高度,同常与屏幕宽/高一致,兼容:ie7/8/9/10、chrome、firefox;

<三>、Navigatar对象

Navigator 对象包含有关浏览器的信息:
对象:

navigator.appCodeName——返回浏览器的代码名;
navigator.appName——返回浏览器的名称;
navigator.appVersion——返回浏览器的平台和版本信息;
navigator.cookieEnabled——返回指明浏览器中是否启用 cookie 的布尔值;
navigator.platform——返回运行浏览器的操作系统平台;
navigator.userAgent—— 返回由客户机发送服务器的user-agent 头部的值;

方法:

navigator.javaEnabled() ——指定是否在浏览器中启用Java,返回blooner;
navigator.taintEnabled() ——规定浏览器是否启用数据污点(data tainting);目前只有 Internet Explorer 和 Opera 浏览器支持 taintEnabled() 方法。
(链接为‘数据污点’的解释:
1、http://bbs.csdn.net/topics/300242073
2、 https://stackoverflow.com/questions/11520708/data-tainting-in-javascript );

<四>、悬浮在页面中的广告(现在很少见了)

1、js方法:top=XX.原top值+滚动条的scrollTop的距离+”px”;效果比较流畅;
2、css方法“:fixed;会出现广告窗口抖动的情况;

二、浮动框架