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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • .innerHTML:   也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-22

  • Location对象 location用于获取或设置窗体的URL,并且可以用于解析URL。 语法: location.[属性|方法] location对象属性图示: http://img1.sycdn.imooc.com//53605c5a0001b26909900216.jpg location 对象属性: hash - 设置或返回从#号开始的URL host - 设置或返回主机名和当前的端口号(包括 hostname 和 port) hostname - 设置或返回当前URL 的主机名 href - 设置或返回完整的 URL pathname - 设置或返回当前URL 的路径部分(host 至 ? 之间的内容) port - 设置或返回当前 URL 的端口号 portocol - 设置或返回当前 URL 的协议 search - 设置或返回从 ? 开始的URL location 对象方法: assign() 加载新的文档 reload() 重新加载当前文档 replace() 用新的文档替换当前文档
    查看全部
    0 采集 收起 来源:Location对象

    2015-03-22

  • History 对象 history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。 注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。 History 对象属性: window.history.length 浏览器历史列表中的URL数量 History 对象方法: back() 加载history列表中的前一个URL forward() 加载history列表中的下一个URL go() 加载history列表中的某个具体的页面 语法: window.history.[属性|方法] 注意:window可以省略。
    查看全部
    0 采集 收起 来源:History 对象

    2015-03-22

  • onclick:鼠标单击事件。 onmouseover:鼠标经过事件。 onmouseout:鼠标移开事件。 onchange:文本框内容改变事件。 onselect:文本框内容被选中事件。 onfocus:光标聚焦。 onblur:光标离开。 onload:网页导入。 onunload:关闭网页。
    查看全部
    0 采集 收起 来源:什么是事件

    2015-03-22

  • 两个整数比较有三种情况,大于,等于或小于,所以我们需要控制语句判断(if...else if)。
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-26

  • 网页卷去的距离与偏移量 我们先来看看下面的图: scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离 ,即左边灰色的内容。 scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离 ,即上边灰色的内容。 offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 。 offsetTop:获取指定对象相对于版面或由 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;
    查看全部
  • 三、浏览器兼容性 var w=document.documentElement.scrollWidth || document.body.scrollWidth; var h=document.documentElement.scrollHeight || document.body.scrollHeight;
    查看全部
  • 是<script type="text/javascript">,不是<style ...>!
    查看全部
    0 采集 收起 来源:让你认识JS

    2018-03-22

  • 在不同浏览器都实用的 JavaScript 方案: var w= document.documentElement.clientWidth || document.body.clientWidth; var h= document.documentElement.clientHeight || document.body.clientHeight;
    查看全部
  • 创建文本节点:document.createTextNode("文本");
    查看全部
  • 注意<a>的连接文字,应该是 创建元素变量名.innerHTML=text; appendChild(变量名); setAttribute("","")
    查看全部
  • onfocus="message();"
    查看全部
  • <script type="text/javascript"> function message(){ if(document.getElementById("password").value==""){ confirm("请输入密码后,再单击确定!"); }else{ confirm("verygood"); } } </script> </head> <body> <form> 密码:<input id="password" name="password" type="password" > <input name="确定" type="button" value="确定" onmouseover="message();";/> </form>
    查看全部
  • onclick:鼠标单击事件。 onmouseover:鼠标经过事件。 onmouseout:鼠标移开事件。 onchange:文本框内容改变事件。 onselect:文本框内容被选中事件。 onfocus:光标聚焦。 onblur:光标离开。 onload:网页导入。 onunload:关闭网页。
    查看全部
    0 采集 收起 来源:什么是事件

    2015-03-22

举报

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

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