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.尽量少使用弹出式窗口,一般用户不喜欢
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值