JS基础学习（二）

昨天把网站上的基础知识看完了，下面是剩下的部分
第六节    JS Window浏览器对象模型

    JavaScript全局对象，函数，变量均自动成为window对象的成员。

    1.Window对象

        1.获取浏览器窗口的尺寸

            var w = window.innerWidth

                || document.documentElement.clientWidth

                || document.body.clientWidth;

            var h = window.innerHeight

                || document.documentElement.clientHeight

                || document.body.clientHeight;

        2.打开新窗口

            window.open()

        3.关闭当前窗口

            window.close()

        4.移动当前窗口

            window.moveTo()

        5.调整当前窗口的尺寸

            window.resizeTo()

    2.可用屏幕宽高

        screen.availWidth

        screen.availHeight

    3.Location类

        location.href 属性返回当前页面的 URL。

        location.hostname     //返回 web 主机的域名

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

        location.port         //返回 web 主机的端口 （80 或 443）

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

        location.assign("中间填你要加载的‘文档’，即网址");

    4.History类

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

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

    5.提示框

        alert("填写警告的内容！！！");

        var r=confirm("确认框确认的内容");

        if (r==true)

        {

            alert("You pressed OK!");

        }

        else

        {

            alert("You pressed Cancel!");

        }

        //name是你输入的字符

        var name = prompt("提示框的名字", "默认输入框的名字");

    6.Time

        var t=setTimeout("javascript语句",毫秒)

        clearTimeout(t);

    7.cookie

        document.cookie = "名字 = 值; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";

        //                        （后面的可以没有）存在时间，默认关闭浏览器删除; 路径，默认当前页面

        关于cookie修改：实际上是用新的覆盖旧的

        关于cookie删除：改变时间，将时间改到现在以前

            eg.

                document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

        document.cookie //获取所有的cookie，并以 cookie1 = value1;cookie2 = value2.....形式显示

    8.Navigator类

        用于获取用户浏览器的信息

        //但是不够准确，容易被误导

第七节    JS库

    常用的JS库（框架）

        jQuery

        Prototype

        MooTools

    //具体使用差对应文档

    1.jQuery

        <html>

            <head>

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

                </script>

            </head>

            <body>

            </body>

        </html>

        允许链式语法，在一个对象上执行多个方法

    2.Prototype

        <html>

            <head>

                <script src="http://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js>

                </script>

            </head>

            <body>

            </body>

        </html>

第八节     杂七杂八

一    标签

    <h*>  </h*>      //*是数字。标题，*表示字号

    <p>    </p>        //分行

    字符串 + "<br/>"//换行

二    字符串方法

    var str = "HaHa!!!";

    str.big();        放大字体

    str.small();    缩小字体

    str.bold();        加黑

    str.italics();    斜体

    str.blink();    闪烁

    str.fixed();    显示为打字机字体

    str.strike();    加删除线

    str.fontcolor("Red")    //字色

    str.fontsize(16)        //字体大小

    str.toUpperCase()        //全大写

    str.toLowerCase()        //全小写

    str.sub()    //下角标

    str.sup()    //上角标

    txt.link("链接网址")
秒客网

JS基础学习（二）

相关文章
