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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 继续循环continue continue的作用是仅仅跳过本次循环,而整个循环体继续执行。 语句结构: for(初始条件;判断条件;循环后条件值更新) { if(特殊情况) { continue; } 循环代码 }
    查看全部
  • <script type="text/javascript"> function checkall(){ var hobby = document.getElementsByTagName("input"); for(i = 0;i < hobby.length;i++){ if(hobby[i].type == "checkbox"){ 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; } </script>
    查看全部
  • var mya1=new Array("0635"); var mya2=new Array("8576716"); var mya3=mya1 concat(mya2); document write(mya3);
    查看全部
  • <!DOCTYPE HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <script type="text/javascript"> document.write("其他浏览器:"+"<br/>"); document.write("内容宽度:"+document.body.offsetWidth+"PX"+"<br/>"); document.write("内容高度:"+document.body.offsetHeight+"PX"+"<br/>"); document.write("IE浏览器:"+"<br/>"+"<br/>"); document.write("IE内容宽度:"+document.documentElement.offsetWidth+"PX"+"<br/>"); document.write("IE内容高度:"+document.documentElement.offsetHeight+"PX"); </script> </body> </html>
    查看全部
  • document.write(Math.round(math.random()*10));
    查看全部
    0 采集 收起 来源:随机数 random()

    2015-03-31

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <script type="text/javascript"> document.write("其他系列实际宽度和高度:"+"<br/>"); document.write("窗口实际宽度:"+document.body.scrollWidth+"PX"+"<br/>"); document.write("窗口实际高度:"+document.body.scrollHeight+"PX"+"<br/>") document.write("IE系列:"+"<br/>"); document.write("窗口实际宽度:"+document.documentElement.scrollWidth+"PX"+"<br/>"); document.write("窗口实际高度:"+document.documentElement.scrollHeight+"PX"); </script> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <script type="text/javascript"> document.write("对于IE9+、Chrome、Firefox、Opera、 Safari:"+"<br/>") document.write(window.innerHeight+"px"+"<br/>"); document.write(window.innerWidth+"px"+"<br/>"); document.write("对于 Internet Explorer 8、7、6、5:"+"<br/>"); document.write(document.documentElement.clientHeight+"px"+"<br/>"); document.write(document.documentElement.clientWidth+"px"+"<br/>"); </script> </body> </html>
    查看全部
  • 空格也算一个字符
    查看全部
  • 1、创建元素节点 2、设置class属性 3、创建文本节点 4、将文本节点加入到元素中 4、将元素节点加入到body中
    查看全部
  • 编程练习 使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除。 提示:获取元素的值设置和获取方法为:例:赋值:document.getElementById(“id”).value = 1; 取值:var 啊= document.getElementById(“id”).value; 任务 第一步: 创建构建运算函数count()。 第二步: 获取两个输入框中的值和获取选择框的值。 提示:document.getElementById( id名 ).value 获取或设置 id名的值。 第三步: 获取通过下拉框来选择的值来改变加减乘除的运算法则。 提示:使用switch判断运算法则。 第四步: 通过 = 按钮来调用创建的函数,得到结果。 注意: 使用parseInt()函数可解析一个字符串,并返回一个整数。
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-31

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>navigator</title> <script type="text/javascript"> function validB(){ var u_agent =navigator.userAgent ; var B_name="不是想用的主流浏览器!"; if(u_agent.indexOf("Firefox")>-1){ B_name="Firefox"; }else if(u_agent.indexOf("Chrome")>-1){ B_name="Chrome"; }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){ B_name="IE(8-10)"; } document.write("浏览器:"+B_name+"<br>"); document.write("u_agent:"+u_agent+"<br>"); } </script> </head> <body> <form> <input type="button" value="查看浏览器" onclick="validB()" > </form> </body> </html>
    查看全部
    0 采集 收起 来源:userAgent

    2018-03-22

  • content.childNodes 获取元素下级所有节点
    查看全部
  • 要创建一个运行于无穷循环中的计数器,我们需要编写一个函数来调用其自身。在下面的代码,当按钮被点击后,输入域便从0开始计数。 <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> var num=0; function numCount(){ document.getElementById('txt').value=num; num=num+1; setTimeout("numCount()",1000); } </script> </head> <body> <form> <input type="text" id="txt" /> <input type="button" value="Start" onClick="numCount()" /> </form> </body> </html>
    查看全部
  • 什么是事件 JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。 比如说,当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个结果。 主要事件表:
    查看全部
    0 采集 收起 来源:什么是事件

    2015-03-31

  • 编程练习 使用javascript代码写出一个函数:实现传入两个整数后弹出较大的整数。 任务 第一步: 编写代码完成一个函数的定义吧。 第二步: 我们来补充函数体中的控制语句,完成函数功能吧。 提示:再想一想,两个整数比较有三种情况,大于,等于或小于,所以我们需要控制语句判断(if...else if)。 第三步: 写好的函数,我们就可以任意调用函数了。通过函数调用实现两组数值中,返回较大值吧。
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-31

举报

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

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