为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

难度入门
时长 8小时55分
学习人数
综合评分9.47
2557人评价 查看评价
9.7 内容实用
9.4 简洁易懂
9.3 逻辑清晰
  • window.screen 对象包含有关用户屏幕的信息。
    1. screen.height 返回屏幕分辨率的高
    2. screen.width 返回屏幕分辨率的宽
    注意:
    1.单位以像素计。
    2. window.screen 对象在编写时可以不使用 window 这个前缀。

    查看全部
  • appCodeName  浏览器代码名的字符串表示

    appName  返回浏览器的名称

    appVersion 返回浏览器的平台和版本信息

    platform 返回运行浏览器的操作系统平台

    userAgent 返回由客户机发送服务器的user-agent 头部的值

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

    2019-12-08

  • search 设置或返回从问号?开始的URL查询部分

    hash 设置成返回从#号开始的URL(锚)

    assign( ) 加载新的文档

    reload( ) 重新加载当前文档

    replace( ) 用新的文档替换当前文档

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

    2019-12-08

  • window.history.go(number);

    1,前一个 等价forward()

    0 当前页面

    -1,后一个 等价back()

    查看全部
  • history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。

    注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。

    语法:

    window.history.[属性|方法]

    注意:window可以省略。

    history.length 返回浏览器历史列表中的url数量

    history.back() 加载history列表中的前一个URL 注意:等同于点击浏览器的倒退按钮。

    history.forward() 加载history列表中的下一个URL 注意:等价点击前进按钮。

    history.go() 加载history列表中的某个具体的页面 

    back()=

    window.history.go(-1);

    forward()=

    window.history.go(1);


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

    2019-12-07

  • setTimeout()和clearTimeout()一起使用,停止计时器。

    clearTimeout(id_of_setTimeout)

    参数说明:
    id_of_setTimeout:由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

    查看全部
  • setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。

    setTimeout(代码,延迟时间);
    参数说明:1. 要调用的函数或要执行的代码串。2. 延时时间:在执行代码前需等待的时间,以毫秒为单位(1s=1000ms)。


    查看全部
  • clearInterval() 方法可取消由 setInterval() 设置的交互时间。

    clearInterval(id_of_setInterval)

    id_of_setInterval:由 setInterval() 返回的 ID 值。

    查看全部
  • continue和break 都是针对循环而言的

    查看全部
  • continue 的作用是仅仅跳过本次循环,整个循环体会继续执行。

    查看全部
  • <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

         var num1 = document.getElementById('txt1').value;  

        //获取第一个输入框的值

        var num2 = document.getElementById('txt2').value; 

    //获取第二个输入框的值

    var method = document.getElementById('select').value; 

    //获取选择框的值

    var result;

    switch(method){

        case '+':

        result = parseInt(num1) + parseInt(num2);

        break;

        

        case '-':

        result = parseInt(num1) - parseInt(num2);

        break;

        

        case '*':

        result = parseInt(num1) * parseInt(num2);

        break;

        

        default:

        result = parseInt(num1) / parseInt(num2);

        

        

    }

        document.getElementById('fruit').value = result;   

       }

      </script> 

     </head> 

     <body>

       <input type='text' id='txt1' /> 

       <select id='select'>

    <option value='+'>+</option>

    <option value="-">-</option>

    <option value="*">*</option>

    <option value="/">/</option>

       </select>

       <input type='text' id='txt2' /> 

       <input type='button' value=' = ' onclick='count()'/> <!--通过 = 按钮来调用创建的函数,得到结果--> 

       <input type='text' id='fruit' />   

     </body>

    </html>


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

    2019-12-07

  • javascript中数组的长度是可变的

    查看全部
  • jsp中变量必须以字母、下划线、或美元符号开头。

    查看全部
  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>函数</title>


    <script type="text/javascript">


    //定义函数

    function oBig(num1,num2){

    if(num1 > num2){

        document.write(num1);

    }

    else if(num1 < num2){

        document.write(num2);

    }

    else{

        alert('两个数一样大');

    }

    }


    //函数体,判断两个整数比较的三种情况





     

    //调用函数,实现下面两组数中,返回较大值。

      

      document.write(" 5 和 4 的较大值是:");

      oBig(5,4);

      document.write('<br />');

      document.write(" 6 和 3 的较大值是:" ); 

      oBig(6,3);


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

    2019-12-07

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>流程控制语句</title>

    <script type="text/javascript">

      //第一步把之前的数据写成一个数组的形式,定义变量为 infos

     var infos = [

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

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

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

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

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

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

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

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

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

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

    ];


     //第一次筛选,找出都是大一的信息

     document.write('大一的学生信息为:' + '<br />');

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

         if(infos[i][3] === '大一'){

             document.write(infos[i][0] + '&nbsp;');

         }

     }

     document.write('<br />');

     document.write('<br />');


     //第二次筛选,找出都是女生的信息

     document.write('女生为:' + '<br />');

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

         if(infos[i][1] === '女'){

             

             document.write(infos[i][0] + '&nbsp;');

         }

     }

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2019-12-07

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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