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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • <form> <input name="button" type="button" value="点击提交" onclick="add2()" /> </form> 注意: 在网页中,如使用事件,就在该元素中设置事件属性。
    查看全部
  • 操作符之间的优先级(高到低): 算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号 如果同级的运算是按从左到右次序进行,多层括号由里向外。
    查看全部
  • 内容选中事件(onselect) 选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行。
    查看全部
  • 失焦事件(onblur) onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。
    查看全部
  • 二、举例 通过下面的例子(6个name="hobby"的复选项,两个按钮)来区分三种方法的不同: <input type="checkbox" name="hobby" id="hobby1"> 音乐 <input type="checkbox" name="hobby" id="hobby2"> 登山 <input type="checkbox" name="hobby" id="hobby3"> 游泳 <input type="checkbox" name="hobby" id="hobby4"> 阅读 <input type="checkbox" name="hobby" id="hobby5"> 打球 <input type="checkbox" name="hobby" id="hobby6"> 跑步 <input type="button" value = "全选" id="button1"> <input type="button" value = "全不选" id="button1"> 1. document.getElementsByTagName("input"),结果为获取所有标签为input的元素,共8个。 2. document.getElementsByName("hobby"),结果为获取属性name="hobby"的元素,共6个。 3. document.getElementById("hobby6"),结果为获取属性id="hobby6"的元素,只有一个,"跑步"这个复选项。
    查看全部
  • 一、区别getElementByID,getElementsByName,getElementsByTagName 以人来举例说明,人有能标识身份的身份证,有姓名,有类别(大人、小孩、老人)等。 1. ID 是一个人的身份证号码,是唯一的。所以通过getElementById获取的是指定的一个人。 2. Name 是他的名字,可以重复。所以通过getElementsByName获取名字相同的人集合。 3. TagName可看似某类,getElementsByTagName获取相同类的人集合。如获取小孩这类人,getElementsByTagName("小孩")。 把上面的例子转换到HTML中,如下: <input type="checkbox" name="hobby" id="hobby1"> 音乐 input标签就像人的类别。 name属性就像人的姓名。 id属性就像人的身份证。
    查看全部
  • 光标聚焦事件(onfocus) 当网页中的对象获得聚点时,执行onfocus调用的程序就会被执行。
    查看全部
  • clearInterval() 方法可取消由 setInterval() 设置的交互时间。 语法: clearInterval(id_of_setInterval) 参数说明: id_of_setInterval:由 setInterval() 返回的 ID 值。
    查看全部
  • 鼠标移开事件(onmouseout) 鼠标移开事件,当鼠标移开当前对象时,执行onmouseout调用的程序。
    查看全部
  • 事件及说明:onclick鼠标单击事件;onmouseover鼠标经过事件;onmouseout鼠标移开事件;onchange文本框内容改变事件;onselect文本框内容被选中事件;onfocus光标聚集;onblur光标离开;onload网页导入;onunload关闭网页。
    查看全部
    0 采集 收起 来源:什么是事件

    2015-08-02

  • getElementsByTagName()方法 返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。 语法: getElementsByTagName(Tagname) 说明: 1. Tagname是标签的名称,如p、a、img等标签名。 2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,所以从0开始。 <script type="text/javascript"> function getValue() { var myH=document.getElementById("myHead"); alert(myH.innerHTML) } function getElements() { var myS=document.getElementsByName("sex"); alert(myS.length); } function getTagElements() { var myI=document.getElementsByTagName("input"); alert(myI.length); } </script>
    查看全部
  • 返回值的问题没太弄懂
    查看全部
    0 采集 收起 来源:返回值的函数

    2015-08-02

  • 鼠标经过事件(onmouseover) 鼠标经过事件,当鼠标移到一个对象上时,该对象就触发onmouseover事件,并执行onmouseover事件调用的程序。 话说这个例子简直无法确定,逼死强迫症啊。。。
    查看全部
  • JavaScript能做什么? 1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等) 2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)
    查看全部
    0 采集 收起 来源:让你认识JS

    2015-08-02

  • onclick鼠标单击事件
    查看全部

举报

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

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