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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

    1.该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 substring。

    2.可选参数,从stringObject的startpos位置开始查找substring,如果没有此参数将从stringObject的开始位置查找。

    3.如果找到一个 substring,则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。

    注意:1.indexOf() 方法区分大小写。

    2.如果要检索的字符串值没有出现,则该方法返回 -1。


    查看全部
  • charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。

    注意:1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一(string.length-1)。

    一个空格也算一个字符。

    查看全部
  • var myl=mystr.length;
    var mynum=mystr.toUpperCase();

    var mychar=message.toLowerCase();

    查看全部
  •                      网页卷去的距离与偏移量

    scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离,即左边灰色的内容·。

    scrollTop:设置或获取位于对象最顶端与窗口可见内容的最顶端之间的距离,即上边灰色的内容·。

    offsetLeft:获取指定对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置。

    offseTop:获取指定对象相对于版面或由offsetParent属性指定的父坐标的计算顶端位置。

    注意:

    1. 区分大小写。

    2. offsetParent:布局中设置postion属性(Relative、Absolute、fixed)的父容器,从最近的父节点开始,一层层向上找,直到HTML的body。


    查看全部
  •                       网页尺寸·offsetHeight

    offsetHeight和offsetWidth,获取网页内容高度和宽度(包括滚动条等边线,会随窗口的显示大小改变)。

    一、值:

    offsetHeight=clientHeight + 滚动条 +边框。

    二、浏览器兼容性:

    var w=document.documentElement.offsetWidth||document.body.offsetWidth;

    var h=document.documentElement.offsetHeight||document.body.offsetHeight;


    查看全部
  •                       网页尺寸scrollHeight

    scrollHeight和scrollWidth,获取网页内容高度和宽度。

    一、针对IE、Opera:

    scrollHeight是网页内容实际高度,可以小于clientHeight。

    二、针对NS、FF:

    scrollHeight是网页内容高度,不过最小值是clientHeight。也就是说网页内容实际宽度小于clientHeight时,scrollHeight返回clientHeight。

    三、浏览器兼容性:

    var w=document.documentElement.scrollWidth||document.body.scrollWidth;

    var h=document.documentElement.scrollHeight||document.body.scrollHeight;

    注意:区分大小写

    scrollHeight和scrollWidth还可以获取Dom元素中内容实际占用的高度和宽度。

    查看全部
  •                          浏览器窗口可视区域大小

    获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法。

    一、对于IE9+、Chrome、Firefox、Opera以及Safari:

    1. window.innerHeight-浏览器窗口的内部高度。

    2. window.innerWidth-浏览器窗口的内部宽度。

    二、对于Internet Explore8、7、6、5:

    1. document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。

    2. document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。

    Document对象的body属性对应HTML文档的<body>标签:

    1. document.body.clientHeight

    2. document.body.clientWidth

    三、在不同浏览器都实用的JavaScript方案:

    var w=document.documentElement.clientWidth||document.body.clientWidth;

    var h=document.documentElement.clientHeight||document.body.clientHeight;

    查看全部
  •                    创建文本节点createTextNode

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

    语法:

    document.cretaeTextNode( data )

    参数:

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


    查看全部
  •                  创建元素节点createElement

    createElement( )方法可创建元素节点。次方法可返回一个Element对象。

    语法:

    document.createElement( tagName )

    参数:

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

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


    查看全部
  •                 替换元素节点replaceChild( )

    replaceChild( )实现子节点(对象)的替换。返回被替换对象的引用。

    语法:

    node.replaceChild( newnode,oldnew )

    参数:

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

    2. oldnew:必需,被newnode替换的对象。

    注意:

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

    2. newnode必须先被建立。

    查看全部
    1. 创建的新数组是空数组,没有值,如输出,则显示undefined.

    2. 虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素储存在规定长度以外。

    查看全部
  •                        删除节点removeChild( )

    removeChild( )方法从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回NULL。

    语法:

    nodeObject.removeChild( node )

    参数:

    node:必需,指定需要删除的节点。

    查看全部
  •                        插入节点insertBefore( )

    insertBefore( )方法可在已有的子节点前插入一个新的子节点。

    语法:

    insertBefore( newnode.node )

    参数:

    1. newnode:要插入的新节点。

    2. node:指定此节点前插入节点。

    注意:otest.insertBefore( newnode,node );也可以改为:otest.insertBefore( newnode,otest.childNodes[0] );

    查看全部
  •                    插入节点appendChild( )

    在指定节点的最后一个子节点列表之后添加一个新的子节点。

    语法:

    appendChild( newnode )

    参数:

    newnode:指定追加的节点。


    查看全部
  • 算术操作符 比较操作符 逻辑操作符 "="赋值符号

    查看全部

举报

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

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