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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 区别getElementByID,getElementsByName,getElementsByTagName 以人来举例说明,人有能标识身份的身份证,有姓名,有类别(大人、小孩、老人)等。 1. ID 是一个人的身份证号码,是唯一的。所以通过getElementById获取的是指定的一个人。 2. Name 是他的名字,可以重复。所以通过getElementsByName获取名字相同的人集合。 3. TagName可看似某类,getElementsByTagName获取相同类的人集合。如获取小孩这类人,getElementsByTagName("小孩")。 把上面的例子转换到HTML中,如下: <input type="checkbox" name="hobby" id="hobby1"> 音乐 input标签就像人的类别。 name属性就像人的姓名。 id属性就像人的身份证。
    查看全部
  • 修改2,终于弄懂了
    查看全部
    0 采集 收起 来源:编程挑战

    2015-03-15

  • <!DOCTYPE html>//简单的计算程序 <html> <head> <title> 事件</title> <script type="text/javascript"> function count(){ var txt1=parseInt(document.getElementById('txt1').value); //获取第一个输入框的值 var txt2=parseInt(document.getElementById('txt2').value);//获取第二个输入框的值 var select = document.getElementById('select').value;//获取选择框的值 var result = '';//获取通过下拉框来选择的值来改变加减乘除的运算法则 switch (select) { case '+': result = txt1 + txt2; break; case '-': result = txt1 - txt2; break; case '*': result = txt1 * txt2; break; case '/': result = txt1 / txt2; break; } 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' onclick="count()" value=' = ' /> <!--通过 = 按钮来调用创建的函数,得到结果--> <input type='text' id='fruit' /> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 按照自己的方法写的代码,但是效果不是很好,很多交互式还没有实现,继续学习ing...
    查看全部
    0 采集 收起 来源:编程挑战

    2015-03-15

  • ......
    查看全部
    0 采集 收起 来源:退出循环break

    2015-03-15

  • 三、浏览器兼容性 var w=document.documentElement.scrollWidth || document.body.scrollWidth; var h=document.documentElement.scrollHeight || document.body.scrollHeight; 注意:区分大小写 scrollHeight和scrollWidth还可获取Dom元素中内容实际占用的高度和宽度。
    查看全部
  • for(初始条件;判断条件;循环后条件值更新) { if(特殊情况) {break;} 循环代码 }
    查看全部
    0 采集 收起 来源:退出循环break

    2015-03-15

  • 在不同浏览器都实用的 JavaScript 方案: var w= document.documentElement.clientWidth || document.body.clientWidth; var h= document.documentElement.clientHeight || document.body.clientHeight;
    查看全部
  • 注意循环语句改变,对应的判断条件也随之改变
    查看全部
  • do{循环语句} while(判断条件)
    查看全部
  • 变量可以一次声明多个,之间用‘,’隔开,如:var str1,str2;
    查看全部
  • function checkall(){ var hobby = document.getElementsByTagName("input"); for(i=0;i<hobby.length;i++){ hobby[i].checked=true;} } function clearall(){ var hobby = document.getElementsByName("hobby"); for(i=0;i<hobby.length;i++){ hobby[i].checked=false ; } } function checkone(){ var j=document.getElementById("wb").value; var hobby=document.getElementById("hobby"+j); hobby.checked=true;}
    查看全部
  • History 对象 history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。 注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。 语法: window.history.[属性|方法] 注意:window可以省略。
    查看全部
    0 采集 收起 来源:History 对象

    2015-03-15

  • 取消计时器clearTimeout() setTimeout()和clearTimeout()一起使用,停止计时器。 语法: clearTimeout(id_of_setTimeout) 参数说明: id_of_setTimeout:由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
    查看全部
  • function checkone(){ var j=document.getElementById("wb").value; if(parseInt(j)>6||parseInt(j)<1) { alert("请输入1-6之间的数字"); } // 任务3 var hobby=document.getElementsByName("hobby"); hobby[parseInt(j)-1].checked=true; }
    查看全部

举报

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

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