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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。

    语法:

    stringObject.substr(startPos,length)
    <script type="text/javascript">
      var mystr="I love JavaScript!";
      document.write(mystr.substr(7));
      document.write(mystr.substr(2,4));
    </script>

    运行结果:

    JavaScript!love
    查看全部
  • substring() 方法用于提取字符串中介于两个指定下标之间的字符。

    语法:

    stringObject.substring(startPos,stopPos)
    <script type="text/javascript">
      var mystr="I love JavaScript";
      document.write(mystr.substring(7));
      document.write(mystr.substring(2,6));
    </script>

    运行结果:

    JavaScript
    love
    查看全部
  • 这里正则表达式还不完美

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

    2018-10-05

  • var c=document.getElementById('select').value;

    比如说要改变的select的value的时候,把id名为select的标签绑定给c时,就不能连带着绑定select的value。

    需要var c=document.getElementById('select');

    c.value=XX;

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

    2018-10-05

  • createTextNode() 方法创建新的文本节点,返回新创建的 Text 节点。

    语法:

    document.createTextNode(data)

    参数:

    data : 字符串值,可规定此节点的文本。


    查看全部
  • createElement()方法可创建元素节点。此方法可返回一个 Element 对象。

    语法:

    document.createElement(tagName)

    参数:

    tagName:字符串值,这个字符串用来指明创建元素的类型。

    注意:要与appendChild() 或 insertBefore()方法联合使用,将元素显示在页面中。

    我们也可以使用setAttribute来设置属性


    备注:

    使用setAttribute方法来设置属性

    var btn = document.createElement("input");  
    btn.setAttribute("type", "text");

    或者

    var btn = document.createElement("input");
    btn.type="text";


    查看全部
  • replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。 

    语法:

    node.replaceChild (newnode,oldnew )

    参数:

    newnode : 必需,用于替换 oldnew 的对象。 
    oldnew : 必需,被 newnode 替换的对象。

    注意: 

    1. 当 oldnode 被替换时,所有与之相关的属性内容都将被移除。 

    2. newnode 必须先被建立。 


    备注:

    ①在a标签中如何使用函数?

    <a href="javascript:函数名()">文本内容</a>

    ②JavaScript创建元素节点以及文本节点

    oP=document.createElement("标签名")

    oT=document.createTextNode("文本内容")

    标签与文本内容的整合

    oP.appendChild(oT)

    查看全部
  • 注意:使用childNodes方法时下标从1开始的喔

    父节点.childNodes[]

    查看全部
  • 获取指定节点的父节点

    语法:

    elementNode.parentNode

    注意:父节点只能有一个。


    访问祖节点:

    elementNode.parentNode.parentNode

    注意: 浏览器兼容问题,chrome、firefox等浏览器标签之间的空白也算是一个文本节点。

    查看全部
  • 访问子节点的第一和最后项

    一、firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。

    语法:

    node.firstChild

    说明:与elementNode.childNodes[0]是同样的效果。 

    二、 lastChild 属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。

    语法:

    node.lastChild

    说明:与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。 

    注意: 上一节中,我们知道Internet Explorer 会忽略节点之间生成的空白文本节点,而其它浏览器不会。我们可以通过检测节点类型,过滤子节点。


    查看全部
  • myarray.length; //获得数组myarray的长度


    查看全部
  • https://img1.sycdn.imooc.com//5bb573f70001b9ca04340622.jpg关键字和保留字。

    查看全部
  • .必须以字母、下划线或美元符号开头。

    查看全部
  • 访问对象属性的语法:

    objectName.propertyName

    访问对象的方法:

    objectName.methodName()


    查看全部
    0 采集 收起 来源:什么是对象

    2018-10-04

  • setAttribute() 方法增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。

    查看全部

举报

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

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