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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 设置属性需要遍历
    查看全部
  • 返回值函数 function add2(x,y) { sum = x + y; return sum; //返回函数值,return后面的值叫做返回值。 }
    查看全部
    0 采集 收起 来源:返回值的函数

    2018-01-31

  • 按钮函数 <input type="button" value="click it" onclick="add2()"> //按钮,onclick点击事件,直接写函数名
    查看全部
    0 采集 收起 来源:函数调用

    2018-03-22

  • 日期对象
    查看全部
    0 采集 收起 来源: Date 日期对象

    2018-01-31

  • <html> <head> <script type="text/javascript"> var myarray=new Array(5); var mynum=myarray.length; document.write("数组长度:"+mynum); </script> </head> <body> </body> </html>
    查看全部
    0 采集 收起 来源:什么是对象

    2018-03-22

  • <!DOCTYPE html> <html> <head> <title> 事件</title> <script type="text/javascript"> function count(){ var a=document.getElementById("txt1").value; var b=document.getElementById("select").value; var c=document.getElementById("txt2").value; var d="" //获取第一个输入框的值 //获取第二个输入框的值 //获取选择框的值 //获取通过下拉框来选择的值来改变加减乘除的运算法则 //设置结果输入框的值 switch (b) { case "+": d=parseInt(a)+parseInt(c) break; case "-": d=a-c break; case "*": d=a*c break; default: d=a/c } document.getElementById("fruit").value = d; } </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 采集 收起 来源:编程练习

    2018-03-22

  • 定义一个函数 function 函数名( ) { 函数体; }
    查看全部
    0 采集 收起 来源:定义函数

    2018-01-31

  • <script type="text/javascript"> //第一步把之前的数据写成一个数组的形式,定义变量为 infos var i; var infos = [['小A','女',21,'大一'],['小B','男',23,'大三'],['小C','男',24,'大四'],['小D','女',21,'大一'],['小E','女',22,'大四'],['小F','男',21,'大一'],['小G','女',22,'大二'],['小H','女',20,'大三'],['小I','女',20,'大一'],['小J','男',20,'大三']]; //第一次筛选,找出都是大一的信息 for(i=0;i<10;i++) { if (infos[i][3] == "大一") { if (infos[i][1] == "女") { document.write(infos[i][0] + "<br/>"); } } } </script>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> 卸载事件 </title> <script type="text/javascript"> window.onunload = onunload_message(); function onunload_message(){ alert("您确定离开该网页吗?"); } </script> </head> <body> 欢迎学习JavaScript。 </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> 卸载事件 </title> <script type="text/javascript"> window.onunload = onunload_message(); function onunload_message(){ alert("您确定离开该网页吗?"); } </script> </head> <body> 欢迎学习JavaScript。 </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> 加载事件 </title> <script type="text/javascript"> function message(){ alert("加载中,请稍等…"); } </script> </head> <body onload="message()"> 欢迎学习JavaScript。 </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> 失焦事件 </title> <script type="text/javascript"> function message(){ alert("请确定已输入密码后,在移开!"); } </script> </head> <body> <form> 用户:<input name="username" type="text" value="请输入用户名!" > <br> 密码:<input name="password" type="text" onblur="message()" value="请输入密码!" > </form> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> 光标聚焦事件 </title> <script type="text/javascript"> function message(){ alert("请选择,您现在的职业!"); } </script> </head> <body> 请选择您的职业:<br> <form> <select name="career" onfocus="message()"> <option>学生</option> <option>教师</option> <option>工程师</option> <option>演员</option> <option>会计</option> </form> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> 光标聚焦事件 </title> <script type="text/javascript"> function message(){ alert("请选择,您现在的职业!"); } </script> </head> <body> 请选择您的职业:<br> <form> <select name="career" onfocus="message()"> <option>学生</option> <option>教师</option> <option>工程师</option> <option>演员</option> <option>会计</option> </form> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>鼠标移开事件 </title> <script type="text/javascript"> function message(){ alert("不要移开,点击后进行慕课网!"); } </script> </head> <body> <form> <a href="http://www.imooc.com" onmouseout="message()" target="_blank">点击我</a> </form> </body> </html>
    查看全部

举报

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

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