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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。 语法:setTimeout(代码,延迟时间); 延时时间:在执行代码前需等待的时间,以毫秒为单位(1s=1000ms)。
    查看全部
  • 函数调用 第一种情况:在<script>标签内调用。 第二种情况:在HTML文件中调用,如通过点击按钮后调用定义好的函数。
    查看全部
    0 采集 收起 来源:函数调用

    2018-03-22

  • <script type="text/javascript"> function message(){ alert("请确定已输入密码后,在移开!"); } </script> </head> <body> <form> 用户:<input name="username" type="text" value="请输入用户名!" > 密码:<input name="password" type="text" value="请输入密码!" onblur="message()">vvv
    查看全部
  • 定义函数 格式: function 函数名( ) { 函数体; }
    查看全部
    0 采集 收起 来源:定义函数

    2014-11-25

  • 和有的同学比我写的就是渣...
    查看全部
    0 采集 收起 来源:编程练习

    2014-11-25

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

    2014-11-26

  • 访问父节点parentNode 获取指定节点的父节点 语法: elementNode.parentNode 注意:父节点只能有一个。 看看下面的例子,获取 P 节点的父节点,代码如下: <div id="text"> <p id="con"> parentNode 获取指点节点的父节点</p> </div> <script type="text/javascript"> var mynode= document.getElementById("con"); document.write(mynode.parentNode.nodeName); </script> 运行结果: parentNode 获取指点节点的父节点 DIV 访问祖节点: elementNode.parentNode.parentNode 看看下面的代码: <div id="text"> <p> parentNode <span id="con"> 获取指点节点的父节点</span> </p> </div> <script type="text/javascript"> var mynode= document.getElementById("con"); document.write(mynode.parentNode.parentNode.nodeName); </script> 运行结果: parentNode获取指点节点的父节点 DIV 注意: 浏览器兼容问题,chrome、firefox等浏览器标签之间的空白也算是一个文本节点。
    查看全部
  • 插入节点insertBefore() insertBefore() 方法可在已有的子节点前插入一个新的子节点。 语法:insertBefore(newnode,node); 参数: newnode:要插入的新节点。 node:可选,指定此节点前插入节点。 如:otest.insertBefore(newNode,targetNode);就会在otest这个父节点里面,在targetNode之前插入newNode节点 若在列表里插入新节点,可以通过parent.childNodes来获得全部子节点,使用数组来选择插入位置
    查看全部
  • 插入节点appendChild() 在指定节点的最后一个子节点列表之后添加一个新的子节点。 语法:appendChild(newnode) 参数: newnode:指定追加的节点。 通常是先var newNode = document.createElement("li");创建一个新节点 再用newNode.innerHTML = "content"来为节点添加内容 最后才target.appendChild(newNode);将新节点添加上去
    查看全部
  • 屏幕可用高和宽度 1. screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。 2. screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。 注意: 不同系统的任务栏默认高度不一样,及任务栏的位置可在屏幕上下左右任何位置,所以有可能可用宽度和高度不一样。
    查看全部
  • window.screen 对象包含有关用户屏幕的信息。 1. screen.height 返回屏幕分辨率的高 2. screen.width 返回屏幕分辨率的宽 注意: 1.单位以像素计。 2. window.screen 对象在编写时可以不使用 window 这个前缀。 我们来获取屏幕的高和宽,代码如下: <script type="text/javascript"> document.write( "屏幕宽度:"+screen.width+"px<br />" ); document.write( "屏幕高度:"+screen.height+"px<br />" ); </script>
    查看全部
  • 这里的7各节点实际是javascript文本节点、<p>元素节点、</p>和<div>之间的空白文本节点、<div>元素节点、</div>和<h5>之间的空白文本节点、<h5>元素节点、</h5>和</div>之间的空白文本节点; 至于空白文本节点,其nodeValue值为空,故而起属性只显示了2个值(实际3个值,知识空白值看不见而已)
    查看全部
  • indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 语法 stringObject.indexOf(substring, startpos)
    查看全部
  • 选项卡切换效果
    查看全部
    0 采集 收起 来源:编程挑战

    2014-11-25

  • 这里x[0].length的长度值实际是<ul>标签与第一个<li>标签之间的空格数。另外,document.getElementsByTagName("ul")[0].childNodes;这里的 [0] 实际上是指当前的<ul>标签,因为由getElementsByTagName("ul")获得的 <ul> 数组的个数为1,所以由数组的读取规则,得到的document.getElementsByTagName("ul")[0]就是指当前的<ul>标签。 访问子结点childNodes 访问选定元素节点下的所有子节点的列表,返回的值可以看作是一个数组,他具有length属性。 语法: elementNode.childNodes 注意: 如果选定的节点没有子节点,则该属性返回不包含节点的 NodeList。 我们来看看下面的代码: 运行结果: IE: UL子节点个数:3 节点类型:1 其它浏览器: UL子节点个数:7 节点类型:3 注意: 1. IE全系列、firefox、chrome、opera、safari兼容问题 2. 节点之间的空白符,在firefox、chrome、opera、safari浏览器是文本节点,所以IE是3,其它浏览器是7,如下图所示: 如果把代码改成这样: <ul><li>javascript</li><li>jQuery</li><li>PHP</li></ul> 运行结果:(IE和其它浏览器结果是一样的) UL子节点个数:3 节点类型:1
    查看全部

举报

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

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