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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 要实现数组排序要使用sort()函数。
    查看全部
    0 采集 收起 来源: 数组排序sort()

    2015-03-03

  • 访问子结点的第一和最后项 一、firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。 语法: node.firstChild 说明:与elementNode.childNodes[0]是同样的效果。 二、 lastChild 属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。 语法: node.lastChild 说明:与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。 注意: 上一节中,我们知道Internet Explorer 会忽略节点之间生成的空白文本节点,而其它浏览器不会。我们可以通过检测节点类型,过滤子节点。
    查看全部
  • 鼠标经过事件
    查看全部
  • 访问子结点childNodes 访问选定元素节点下的所有子节点的列表,返回的值可以看作是一个数组,他具有length属性。 语法: elementNode.childNodes 注意: 如果选定的节点没有子节点,则该属性返回不包含节点的 NodeList。 注意: 1. IE全系列、firefox、chrome、opera、safari兼容问题 2. 节点之间的空白符,在firefox、chrome、opera、safari浏览器是文本节点
    查看全部
  • 鼠标单击
    查看全部
  • <script type="text/javascript"> var w=document.documentElement.scrollWidth||document.body.scrollWidth; var h=document.documentElement.scrollHeight||document.body.scrollHeight; document.write(w+","+h); </script>
    查看全部
  • <ul id> <li id="s1" ><a href="javascript:change()">房产</a></li> <li id="s1" ><a href="javascript:change()">家居</a></li> <li id="s1" ><a href="javascript:change()">二手房</a></li> </ul> <div id="in"> <ul id="inin1"> <li id="s2"><a href="#">275万购昌平邻铁三居 总价20万买一居</li> <li id="s2"><a href="#">200万内购五环三居 140万安家东三环</li> <li id="s2"><a href="#">北京首现零首付楼盘 53万购东5环50平</li> <li id="s2"><a href="#"> 京楼盘直降5000 中信府 公园楼王现房</li> </ul> <ul id="inin2"> <li id="s2"><a href="#">40平出租屋大改造 美少女的混搭小窝</li> <li id="s2"><a href="#">经典清新简欧爱家 90平老房焕发新生</li> <li id="s2"><a href="#">新中式的酷色温情 66平撞色活泼家居</li> <li id="s2"><a href="#">瓷砖就像选好老婆 卫生间烟道的设计</li> </ul> <ul id="inin3"> <li id="s2"><a href="#">通州豪华3居260万 二环稀缺2居250w甩</li> <li id="s2"><a href="#">西3环通透2居290万 130万2居限量抢购</li> <li id="s2"><a href="#">黄城根小学学区仅260万 121平70万抛!</li> <li id="s2"><a href="#">独家别墅280万 苏州桥2居优惠价248万</li> </ul> </div>
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • http://img1.sycdn.imooc.com//53e198540001b66404860353.jpg. js事件
    查看全部
    0 采集 收起 来源:什么是事件

    2015-03-03

  • /* CSS样式制作 */ ul{list-style-type:none;} #s1{float:left; margin:0 5px; padding:0 15px; height:30px; border-left:#c0c0c0 1px solid; border-top:#c0c0c0 1px solid; border-right:#c0c0c0 1px solid;line-height:30px;} #in{float:left;margin:0;padding:0; } #inin1{margin:0 40px;border:#0000ff 1px solid; width:400px;display:block;} #inin2{margin:0 40px;border:#0000ff 1px solid; width:400px;display:none;} #inin3{margin:0 40px;border:#0000ff 1px solid; width:400px;display:none;} #s2{line-height:30px;} a{text-decoration:none; } a:link{color:#000000;} </style> <script type="text/javascript"> // JS实现选项卡切换 // window.onload() function change() { var a=document.getElementById("s1"); } </script> </head> <body> <!-- HTML页面布局 --> <ul id> <li id="s1" ><a href="javascript:change()">房产</a></li> <li id="s1" ><a href="javascript:change()">家居</a></li>
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • var w=document.documentElement.clientWidth||document.body.clientWidth; var h=document.documentElement.clientHeight||document.body.ClientHeight; document.write(w+","+h);
    查看全部
  • setAttribute()方法 setAttribute() 方法增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。 语法: elementNode.setAttribute(name,value) 说明: 1.name: 要设置的属性名。 2.value: 要设置的属性值。 注意: 1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性,该方法将创建一个新属性。 2.类似于getAttribute()方法,setAttribute()方法只能通过元素节点对象调用的函数。
    查看全部
  • getAttribute()方法 通过元素节点的属性名称获取属性的值。 语法: elementNode.getAttribute(name) 说明: 1. elementNode:使用getElementById()、getElementsByTagName()等方法,获取到的元素节点。 2. name:要想查询的元素节点的属性名字
    查看全部
  • slice()是从数组中选取元素,substring()是从字符串中选取字符。
    查看全部
    0 采集 收起 来源:选定元素slice()

    2015-03-03

  • 数组对象是一个对象的集合,里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,是从零开始的
    查看全部
    0 采集 收起 来源: Array 数组对象

    2015-03-03

  • <script type="text/javascript"> var element=document.createElement("p"); element.className="message"; var textNode=document.createTextNode("I love JavaScript!"); element.appendChild(textNode); document.body.appendChild(element); </script>
    查看全部

举报

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

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