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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 运行结果为:https://img1.sycdn.imooc.com//5afd48150001f0aa06110403.jpg

    查看全部
  • 运行结果为:https://img1.sycdn.imooc.com//5afd479500014bbd05780386.jpg

    查看全部
  • 运行结果为:https://img1.sycdn.imooc.com//5afd472d0001900e06040382.jpg

    查看全部
  • 1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。如下:

    正确:           
        mysum            
        _mychar         
        $numa1
    错误:  6num  //开头不能用数字
      %sum //开头不能用除(_ $)外特殊符号,如(%  + /等)
      sum+num //开头中间不能使用除(_ $)外特殊符号,如(%  + /等)

    2.变量名区分大小写,如:A与a是两个不同变量。

    3.不允许使用JavaScript关键字和保留字做变量名。


    查看全部
  • 1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。

    2. 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。

    3. 属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com"。


    查看全部
    0 采集 收起 来源:认识DOM

    2018-05-17

  • 内容选中事件(onselect)

    选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行。


    查看全部
  • 运行结果为:https://img1.sycdn.imooc.com//5afd460f0001990404600264.jpg

    查看全部
  • 执行结果:

    评语: 继续努力!
    评语: 及格,加油!
    评语: 凑合,奋进
    评语: 很棒,很棒
    评语: 高手,大牛


    查看全部
  • 失焦事件(onblur)

    onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。


    查看全部
  • 假设数学考试,小明考了86分,给他做个评价,60分以下的不及格,60(包含60分)-75分为良好,75(包含75分)-85分为很好,85(包含85分)-100优秀。

    代码表示如下:


    查看全部
  • spacer.gif添加代码运行结果为:

    https://img1.sycdn.imooc.com//5afd42e200010cb305340457.jpg

    查看全部
    0 采集 收起 来源:让你认识JS

    2018-05-17

  • JavaScript能做什么?

    1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)

    2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)


    查看全部
    0 采集 收起 来源:让你认识JS

    2018-05-17

  • 光标聚焦事件(onfocus)

    当网页中的对象获得聚点时,执行onfocus调用的程序就会被执行。


    查看全部
  • 使用parseInt()函数可解析一个字符串,并返回一个整数。使用parseFloat()函数可解析一个字符串,并返回一个整数。在做简易计算器的时候如果不用这两个函数,将默认为输入的是字符串。

    document.getElementById("txt1")得到是id里面的全部内容。

    document.getElementById("link").href;
    document.getElementById("link").target;
    document.getElementById("img").src;
    document.getElementById("img").width;
    document.getElementById("img").height;
    document.getElementById("input").value;

    。。。得到的才是具体的内容

    查看全部
    0 采集 收起 来源:编程练习

    2018-05-17

  • Html代码按照DOM树分解,它是由节点构成的

    节点分三种:元素节点,文本节点,属性节点

    1. 元素节点:标签 <html><body><p><head><meta><a>...

    2. 文本节点:文本

    3. 属性节点:元素的属性,<a>标签的href id title,就是属性嘛

    如何获得节点呢?

    有三个方法:id,name,tagName

    1. getElementById 这个唯一,返回节点

    2. getElementsByName(传你给元素设置的name) 返回一个集合,叫这个名的都有 (要循环才能拿到1的内容)

    3. getElementsByTagName(传元素名:input,p,h2) 返回一个集合,这个类型的都有 (要循环才能拿到1的内容)

    节点有哪些属性?

    1. nodeName

    2. nodeValue

    3. nodeType

    啥?你想获取节点的属性值?

    getAttribute(传属性名)   那我给你这个方法.

    setAttribute(name,value) 再给你个方法,改属性值的

    查看全部
    0 采集 收起 来源:认识DOM

    2018-05-17

举报

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

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