js05--浏览器对象模型BOM、消息框、cookie、内容分发网络CDN

继续学习js,在这里我们主要讲述一下js的BOM(浏览器对象模型)以及一些js库和应用这些js库的方法。

1.浏览器对象模型(BOM):
    window对象:
        表示浏览器窗口,所有的js全局变量、函数以及其他变量都是window对象的成员

        window.document.getElementById("eid");
        
    window尺寸:
        window.innerHeight    window.width
        
    window方法:
        window.open()    打开新窗口
        window.close()    关闭当前窗口
        window.moveTo()    移动当前窗口
        window.resizeTo()调整当前窗口尺寸
        
    window.screen用户屏幕
        screen.availWidth    屏幕可用宽度    
        screen.availHeight    屏幕可用高度
        
    window.location页面地址
        location.hostname    主机域名
        location.pathname    页面路径
        location.port        主机端口
        location.protocol    web协议
        location.href        页面URL
        location.assign()    加载新文档
    
    window.history    浏览器历史。为保护用户隐私,对j访问该对象的方法做了限制
        history.back()        加载历史列表中的前一个URL
        history.forward()    加载历史列表中的下一个URL
        
    window.navigator    访问者浏览器

    
2.消息框

    警告框:alert("警告信息")    为了确保用户得到某些信息
    确认框:confirm("确认信息")    用于使用户验证或者接受某些信息
    提示框:prompt("提示信息","默认值")    提示用户在进入页面前填写某些信息

    
3.计时:设定一个特定的时间间隔后执行代码

    setTimeout("js代码",毫秒)
    clearTimeout(setTimeout_variable)

    
4.document.cookie

5.javascript库:
    jQuery        使用CSS选择器来访问和操作网页上的 HTML 元素(DOM 对象)
    prototype    提供用于执行常见web任务的简单API。Prototype通过提供类和继承,实现了对js的增强
    Ext JS        可定制的 widget,用于构建富因特网应用程序(rich Internet applications)
    
6.CDN--内容分发网络(Content Delivery Network)
    如果许多不同的网站使用相同的js框架,把框架库存放在一个通用的位置供每个网页分享

    引用jQuery:
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

 

posted @ 2019-04-17 15:32  快与慢  阅读(230)  评论(0编辑  收藏  举报