为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript进阶篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • "!"是逻辑非操作符,也就是"不是"的意思,非真即假,非假即真。

    逻辑非操作符值表:


    查看全部
  • 浏览器窗口可视区域大小

    获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法:

    一、对于IE9+、Chrome、Firefox、Opera 以及 Safari:

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

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

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

    •  document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。

    •  document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。

    或者

    Document对象的body属性对应HTML文档的<body>标签

    •  document.body.clientHeight

    •  document.body.clientWidth

    在不同浏览器都实用的 JavaScript 方案:

    var w= document.documentElement.clientWidth       || document.body.clientWidth; var h= document.documentElement.clientHeight       || document.body.clientHeight;


    查看全部
  • 创建数组语法:

    var myarray=new Array();

    括号里放数组的长度

    查看全部
  • "||"逻辑或操作符,相当于生活中的“或者”,当两个条件中有任一个条件满足,“逻辑或”的运算结果就为“真”。

    逻辑或操作符值表:

    注意: 如果A为真,A || B为真,不会在执行B; 反之,如果A为假,要由 B 的值来决定 A || B 的值。


    查看全部
  • &&”是逻辑与操作符,只有“&&”两边值同时满足(同时为真),整个表达式值才为真。

    逻辑与操作符值表:

    注意: 如果A为假,A && B为假,不会在执行B; 反之,如果A为真,要由 B 的值来决定 A && B 的值。


    查看全部
  • 通过比较操作符进行比较,得到值为真(true)和假(false)。

    在JavaScript中,这样的比较操作符有很多,这些操作符的含义如下: 


    查看全部
  • window.screen 对象包含有关用户屏幕的信息。
    1. screen.height 返回屏幕分辨率的高
    2. screen.width 返回屏幕分辨率的宽

    查看全部
  • <!DOCTYPE HTML>
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>无标题文档</title>
    </head>
    <body>
    
    
    <div><b id="oldnode">JavaScript</b>
        是一个很常用的技术,为网页添加动态效果。</div>
    <a href="javascript:replaceMessage()"> 将加粗改为斜体</a>
    
    <script type="text/javascript">
        function replaceMessage(){
            var oldnode = document.getElementById("oldnode");
            var newnode = document.createElement("li");
            newnode.innerHTML = oldnode.innerHTML;
            oldnode.parentNode.replaceChild(newnode, oldnode);
        }
    </script>
    
    </body>
    </html>


    查看全部
  • window.screen.属性


    查看全部
    0 采集 收起 来源:screen对象

    2019-03-01

  • userAgent

    返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)

    语法

    navigator.userAgent


    查看全部
    0 采集 收起 来源:userAgent

    2019-03-01

  • Navigator对象


    Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。


    查看全部
    0 采集 收起 来源:Navigator对象

    2019-03-01

  • Location对象


    获取href,端口等信息属性。。以及方法。

    查看全部
    0 采集 收起 来源:Location对象

    2019-03-01

  • window.length;

    window.go();

    window.back();

    window.forward();

    查看全部
    0 采集 收起 来源:History 对象

    2019-03-01

  • <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>计时器</title>

    <script type="text/javascript">

       function clock(){

          var time=new Date();                     

          document.getElementById("clock").value = time;

       }

    // 每隔100毫秒调用clock函数,并将返回值赋值给i

         var i=setInterval("clock()",100);

    </script>

    </head>

    <body>

      <form>

        <input type="text" id="clock" size="50"  />

        <input type="button" value="Stop" onclick="window.clearInterval(i)"  />

      </form>

    </body>

    </html>


    查看全部
  • JS中用!表示"非"

    查看全部

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!