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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • var otest = document.getElementById("test"); 创建、赋值、插入 var newnode = document.createElement("li"); var newtext= document.createTextNode("PHP"); newnode.appendChild(newtext); otest.appendChild(newnode);
    查看全部
  • <!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,'大三'] ]; //第一次筛选,找出都是大一的信息 var arr1 = []; var n = 0; for(var i=0;i<infos.length;i++){ if( infos[i][3] == "大一" ){ arr1[n] = infos[i]; document.write(arr1[n]+"<br/>"); n=n+1; } } document.write("大一人数: "+arr1.length+"<br/>"); //第二次筛选,找出都是女生的信息 for(var i=0;i<arr1.length;i++){ //这里可以用switch if(arr1[i][1]=='女') { document.write(arr1[i][0]+"<br/>");} } </script> </head> <body> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 主要事件表: onclick:鼠标单击事件 onmouseover:鼠标经过事件 onmouseout:鼠标移开事件 onchange:文本框内容改变事件 onselect:文本框内容被选中事件 onfocus:光标聚集 onblur:光标离开 onload:网页导入 onunload:关闭网页
    查看全部
    0 采集 收起 来源:什么是事件

    2017-08-03

  • Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。
    查看全部
    0 采集 收起 来源:Navigator对象

    2017-08-03

  • function max(a,b) { if(a>b) { return a; } else if(a<b) { return b; }else {return "两数相等"} } //函数体,判断两个整数比较的三种情况 m=max(5,4); n=max(6,3); //调用函数,实现下面两组数中,返回较大值。 document.write(" 5 和 4 的较大值是:"+m+"<br>"); document.write(" 6 和 3 的较大值是:"+ n);
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 第一种情况:在<script>标签内调用。 <script type="text/javascript"> function add2() { sum = 1 + 1; alert(sum); } add2();//调用函数,直接写函数名。 </SCRIPT> 第二种情况:在HTML文件中调用,如通过点击按钮后调用定义好的函数。 <html> <head> <script type="text/javascript"> function add2() { sum = 5 + 6; alert(sum); } </script> </head> <body> <form> <input type="button" value="click it" onclick="add2()"> //按钮,onclick点击事件,直接写函数名 </form> </body> </html>
    查看全部
    0 采集 收起 来源:函数调用

    2018-03-22

  • 使用parseInt()函数可解析一个字符串,并返回一个整数。
    查看全部
    0 采集 收起 来源:编程练习

    2017-08-03

  • function count(){ var r; var a=parseInt(document.getElementById("txt1").value);//获取第一个输入框的值 var b=parseInt(document.getElementById("txt2").value);//获取第二个输入框的值 var c=document.getElementById("select").value;//获取选择框的值 switch(c){ case '+':r=a*1+b*1;break; case '-':r=a-b;break; case '*':r=a*b;break; case '/':r=a/b;break; }//获取通过下拉框来选择的值来改变加减乘除的运算法则 document.getElementById("fruit").value=r;//设置结果输入框的值 } </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' />
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 1. a标签中js函数的几种调用方法(参考总结的) <a href="javascript:void(0);" onclick="functionName()"></a> <a href="javascript:;" onclick="functionName()"></a> <a href="#" onclick="functionName();return false;"></a> 2. 内敛式style中多种样式用分号隔开 3. 利用getElementById().innerHTML获取标签里的内容。 4. window.location.href = "http://www.imooc.com/";与windows.open("http://www.imooc.com/","_self")作用相同。 5. 定时器部分还可以写作 var timer = setInterval(function(){ document.getElementById("second").innerHTML -=1; if(document.getElementById("second").innerHTML==1){ window.location.href = "http://www.imooc.com/"; } },1000);
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 语句结构: for(初始条件;判断条件;循环后条件值更新) { if(特殊情况) { continue; } 循环代码 }
    查看全部
  • do...while语句结构: do { 循环语句 } while(判断条件)
    查看全部
  • 1.像平常我们关闭网页,也就是离开网页了;2.在当前网页点击加载其他网页,跳转到其他网页,也是离开当前网页的一种; onunload属于第2种,只有当你要跳转到另一个页面时,也就是要离开当前网页了,要跳转到另一个网页了,onunload才会被触发; 那平常时关闭网页就直接跳出一个对话框是怎么办到的?原来还有一个onbeforeunload,顾名思义,就是在onunload被执行之前,就被调用,无论是以上2种跳转方法中的哪种,onbeforeunload都会被触发。
    查看全部
  • <body onload="message()">
    查看全部
  • oninput="message()比onchange更加的快捷
    查看全部
  • 语法: switch(表达式) { case值1: 执行代码块 1 break; case值2: 执行代码块 2 break; ... case值n: 执行代码块 n break; default: 与 case值1 、 case值2...case值n 不同时执行的代码 } 语法说明: Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。
    查看全部

举报

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

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