2018-05-18

学习js window:

bom(浏览器对象模型)使得 JavaScript 有能力与浏览器“对话”

1.所有浏览器都支持window对象。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。

2.确定浏览器窗口Window 尺寸:

    对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:

        window.innerHeight - 浏览器窗口的内部高度

        window.innerWidth - 浏览器窗口的内部宽度

    对于 Internet Explorer 8、7、6、5:

        document.documentElement.clientHeight

        document.documentElement.clientWidth

        或者

            document.body.clientHeight

            document.body.clientWidth

3.window.open() - 打开新窗口

    window.close() - 关闭当前窗口

    window.moveTo() - 移动当前窗口

    window.resizeTo() - 调整当前窗口的尺寸

    screen.availWidth - 可用的屏幕宽度

    screen.availHeight - 可用的屏幕高度

    location.hostname 返回 web 主机的域名

    location.pathname 返回当前页面的路径和文件名

    location.port 返回 web 主机的端口 (80 或 443)

    location.protocol 返回所使用的 web 协议(http:// 或 https://)

    history.back() - 与在浏览器点击后退按钮相同

    history.forward() - 与在浏览器中点击按钮向前相同

 4.js中可创建三种消息框:

    警告框:用户需要点击确定按钮才能继续进行操作。alert("文本")

    确认框:用户需要点击确定或者取消按钮才能继续进行操作。confirm("文本")

    提示框:用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。prompt("文本","默认值")

5.cookie 用来识别用户:

什么是cookie?(cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。

创建和存储 cookie:document.cookie=变量值

6.js库:jQuery、Prototype、MooTools。

    jQuery 同时提供 companion UI(用户界面)和插件。

    Prototype 提供用于执行常见 web 任务的简单 API。

    MooTools 也是一个框架,提供了可使常见的 JavaScript 编程更为简单的 API。MooTools 也含有一些轻量级的效果和动画函数。

你可能感兴趣的:(2018-05-18)