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("链接网址")
    
原文地址:https://www.cnblogs.com/singledigit/p/5942326.html