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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • length 属性可返回字符串中的字符数目 在数组中length属性表示数组的长度,即数组中元素的个数
    查看全部
  • 使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除。 提示:获取元素的值设置和获取方法为:例:赋值:document.getElementById(“id”).value = 1; 取值:var 啊= document.getElementById(“id”).value; 任务 第一步: 创建构建运算函数count()。 第二步: 获取两个输入框中的值和获取选择框的值。 提示:document.getElementById( id名 ).value 获取或设置 id名的值。 第三步: 获取通过下拉框来选择的值来改变加减乘除的运算法则。 提示:使用switch判断运算法则。 第四步: 通过 = 按钮来调用创建的函数,得到结果。 注意: 使用parseInt()函数可解析一个字符串,并返回一个整数。
    查看全部
    0 采集 收起 来源: Date 日期对象

    2015-02-24

  • 创建数组方法: var myarray=new Array(); myarray[0]=66; myarray[1]=80; myarray[2]=90; myarray[3]=77; myarray[4]=59; 简写: var myarray = new Array(66,80,90,77,59); 或: var myarray = [66,80,90,77,59];
    查看全部
  • 使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除。 提示:获取元素的值设置和获取方法为:例:赋值:document.getElementById(“id”).value = 1; 取值:var 啊= document.getElementById(“id”).value; 任务 第一步: 创建构建运算函数count()。 第二步: 获取两个输入框中的值和获取选择框的值。 提示:document.getElementById( id名 ).value 获取或设置 id名的值。 第三步: 获取通过下拉框来选择的值来改变加减乘除的运算法则。 提示:使用switch判断运算法则。 第四步: 通过 = 按钮来调用创建的函数,得到结果。 注意: 使用parseInt()函数可解析一个字符串,并返回一个整数。
    查看全部
    1 采集 收起 来源:编程练习

    2015-02-24

  • var myarray = new Array(); myarray[0]=""; myarray[1]=""; myarray[2]=""; ......
    查看全部
  • 在不同浏览器都实用的 JavaScript 方案: var w= document.documentElement.clientWidth || document.body.clientWidth; var h= document.documentElement.clientHeight || document.body.clientHeight;
    查看全部
  • 一、nodeName 属性: 节点的名称,是只读的。 1. 元素节点的 nodeName 与标签名相同 2. 属性节点的 nodeName 是属性的名称 3. 文本节点的 nodeName 永远是 #text 4. 文档节点的 nodeName 永远是 #document 二、nodeValue 属性:节点的值 1. 元素节点的 nodeValue 是 undefined 或 null 2. 文本节点的 nodeValue 是文本自身 3. 属性节点的 nodeValue 是属性的值 三、nodeType 属性: 节点的类型,是只读的。以下常用的几种结点类型: 元素类型 节点类型 元素 1 属性 2 文本 3 注释 8 文档 9
    查看全部
    0 采集 收起 来源:节点属性

    2015-02-24

  • arrayobject.reverse()反转和arrayobject.sort()都会改变数组本身; arrayobject.slice(spos,epos)截取片段、arrayobject.concat()拼接数组、arrayobject.join(para)拼接数组元素都不影响数组本身。
    查看全部
  • Math.ceil(num)向上取整 Math.floor(num)向下取整 Math.round(num)四舍五入(以靠近为原则,舍入为最接近的整数,对于.5,往正无穷方向舍入)
    查看全部
    0 采集 收起 来源:四舍五入round()

    2015-02-24

  • 卸载事件(onunload) 当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序。 注意:不同浏览器对onunload事件支持不同。
    查看全部
  • <!DOCTYPE html> <html> <head> <title> 事件</title> <script type="text/javascript"> function count(){ //获取第一个输入框的值 var txt1 = document.getElementById("txt1"); //获取第二个输入框的值 var txt2 = document.getElementById("txt2"); //获取选择框的值 var slct = document.getElementById("select"); //获取通过下拉框来选择的值来改变加减乘除的运算法则 var rslt=0; switch(slct){ case "+": rslt = txt1 + txt2; break; case "-": rslt = txt1 - txt2; break; case "*": rslt = txt1 * txt2; break; case "/": rslt = txt1 / txt2; } //设置结果输入框的值 return rslt; } document.getElementById("fruit")=rslt; </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>
    查看全部
    1 采集 收起 来源:编程练习

    2018-03-22

  • 加载事件(onload) 事件会在页面加载完成后立即发生,同时执行被调用的程序。 注意:1. 加载页面时,触发onload事件,事件写在<body>标签内。 2. 此节的加载页面,可理解为打开一个新页面时。 如下代码,当加载一个新页面时,弹出对话框“加载中,请稍等…”。
    查看全部
  • 通过改变文本框的内容来触发onchange事件,同时执行被调用的程序。
    查看全部
  • 操作符之间的优先级(高到低): 算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号 如果同级的运算是按从左到右次序进行,多层括号由里向外。
    查看全部
  • 内容选中事件(onselect) 选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行。
    查看全部

举报

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

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