当前位置: 代码迷 >> Web前端 >> BOM 笔记
  详细解决方案

BOM 笔记

热度:627   发布时间:2012-08-31 12:55:03.0
BOM 札记
第五章  浏览器中的JavaScript

一、引用外部文件的优势
1.安全性
2.便于代码维护
3.便于缓存,浏览器会根据特定的设置缓存所有的JavaScript外部文件,如果页面中已经存在,那其他引用到同一个JavaScript文件的页面就不会再次的重新加载,这样加快下载速度。

二、SVG中的JavaScript
1.SVG 是使用 XML 来描述二维图形和绘图程序的语言。

三、浏览器对象模型(BOM)
1.window对象
window.moveBy(dx,dy)把浏览器窗口相对于当前位置,水平移动dx像素,垂直位置移动dy像素
window.To(x,y)把左上角移到(x,y)处
window.resizeBy(dw,dy)
window.resizeTo(w,h)

window.open(url,name,params,是否用新页面替换当期那页面的boolean值)
eg:
var nWin=window.open("http://www.hao123.com","value","height=150,width=120");
nWin.moveTo(10,10);
nWin.close();  or   window.close();

alert();
confirm();点击OK返回true,点击Cancel返回false
prompt();点击OK返回函数返回值,点击Cancel返回null

时间间隔和暂停
var a=setTimeout(fn,time);设置延迟执行时间  同setInterval()
clearTimeout(a)取消延迟  同clearInterval()

历史
window.history.go(-1);  window.back();
window.history.go(1);  window.forward();

2.document对象
eg:类似于提示框
var nWin=window.open("about:blank","newwindow","height=100,width=100");
nWin.document.open();
nWin.document.write("......");
nWin.document.close();

3.location对象
hash  返回url中#之后的内容(如果url中有#)
host、hostname  返回服务器的名字
herf  当前载入的完整的url
pathname  返回url主机名后的部分
port  返回端口号
protocol   url中使用的协议,//之前部分
search 执行get请求时?后面部分
reload(true/false)  重新加载当前页面,false从缓存中加载,true从服务器中加载,默认为false
ps:reload()方法调用后的代码可能执行,也可能不执行,这是由于网络延迟和系统资源决定的,最好把reload()调用放在最后一行
location对象是window对象和document对象的属性,所以window.location=document.location

4.navigator对象

5.screen对象

注意事项:
1.JavaScript代码一般写在<head>标签中,因为这样在页面显示后,代码就已经完全装载了。
2.最好将JavaScript代码写成这样格式
<!--
JavaScript code
-->
或者(支持XHTML)
<![CDATA[
JavaScript code
]]>
3.尽量少使用弹出式窗口,一般用户不喜欢
  相关解决方案