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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 变量名字可以任意取,只不过取名字要遵循一些规则:

    1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。如下:

    正确:           
        mysum            
        _mychar         
        $numa1
    错误:  6num  //开头不能用数字
      %sum //开头不能用除(_ $)外特殊符号,如(%  + /等)
      sum+num //开头中间不能使用除(_ $)外特殊符号,如(%  + /等)

    2.变量名区分大小写,如:A与a是两个不同变量。

    3.不允许使用JavaScript关键字和保留字做变量名。


    查看全部
  • 注意引入外部JS文件用src属性。<script src="JS文件"></script>等于号后面不能有空格

    引用CSS样式用<link href="CSS文件"/>

    注意区别。


    查看全部
    0 采集 收起 来源:编程练习

    2018-06-27

  • JavaScript能做什么?

    1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)

    2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)

    注意:1. JS是区分大小写的,如:classname和ClassName是不一样的。同时注意方法、属性、变量等的大小写吆。
    
    2. JS中的字符、符号等一定要在英文状态下输入吆。


    查看全部
    0 采集 收起 来源:让你认识JS

    2018-06-27

  • var infos = [

        ['小A','女',21,'大一'],

    ['小B','男',23,'大三'],

    ['小C','男',24,'大四'],

    ['小C','男',24,'大四'],

    ['小D','女',21,'大一'],

    ['小E','女',22,'大四'],

    ['小F','男',21,'大一'],

    ['小G','女',22,'大二'],

    ['小H','女',20,'大三'],

    ['小I','女',20,'大一'],

    ['小J','男',20,'大三']

    ];

    for(var i = 0; i < infos.length; i++) {

    if(infos[i][3] === "大一" && infos[i][1] === "女") {

    document.write(infos[i][0] + "<br />");

    }

    }


    查看全部
    0 采集 收起 来源:编程练习

    2018-06-27

  • 1. screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。

    2. screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。

    代码如下

    <script type="text/javascript">
    document.write("可用宽度:" + screen.availWidth);
    document.write("可用高度:" + screen.availHeight);
    </script>


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

    可以省略window前缀

    <script type="text/javascript">
      document.write( "屏幕宽度:"+screen.width+"px<br />" );
      document.write( "屏幕高度:"+screen.height+"px<br />" );
    </script>


    查看全部
  • setTimeout("startCount()",1000)是1秒后执行startCount()这个函数,因此每隔1秒,num的值都会+1

    查看全部
  • screen对象用于获取用户的屏幕信息
    语法

    window.screen.属性

    对象属性

    https://img1.sycdn.imooc.com//5b32ecb80001a47706210213.jpg

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

    2018-06-27

  • 返回用户代理头的字符串表示

    语法

    navigator.userAgent

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

    2018-06-27

  • Navigator对象属性

    https://img1.sycdn.imooc.com//5b32ea850001428b06880190.jpg查看浏览器名称和版本代码

    <script type="text/javascript">
       var browser=navigator.appName;
       var b_version=navigator.appVersion;
       document.write("Browser name"+browser);
       document.write("<br>");
       document.write("Browser version"+b_version);</script>


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

    2018-06-27

  •  var Lists=document.getElementsByTagName("li");

      for (var i=0; i<Lists.length;i++)

      {

        var text=Lists[i].getAttribute("title");

        document.write(text +"<br>");

        if(text=="")

        {

        Lists[i].setAttribute("title","WEB前端技术");

        document.write(Lists[i].getAttribute("title")+"<br>");

        }

      }

    查看全部
  • var text = con[i].getAttribute("title"); 

    查看全部
  • var con=document.getElementsByTagName("li");

         var text;

        for (var i=0; i< con.length;i++){

        text = con[i].getAttribute("title");

          if(text!=null)

          {

            document.write(text+"<br>");

          }

        } 


    永远记得tag和names返回的是一组值

    查看全部
  • 注意区别:

    getElementById

    getElementsByName

    查看全部
  • 可以包一个

    window.onload = function(){所有代码}

    避免方法不执行的问题

    查看全部

举报

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

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