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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 文本框大小用<textarea></textarea>标签 <textarea name="summary" cols="60" rows="5" >请写入个人简介,不少于200字!</textarea>
    查看全部
  • onfocus="javascript:if(this.value=='请输入用户名!') this.value=''; 这句用来点击文本框后会自动清空文本框内容
    查看全部
  • 在下拉菜单搜索属性,使用select标签,放在form标签里,格式如下: <form> <select name="career"> <option>学生</option> <option>教师</option> <option>工程师</option> <option>演员</option> <option>会计</option> </select> </form>
    查看全部
  • 注意:按钮的属性type是button,文本的属性是text。 <input name="career" type="text" value="请输入您的职业" onfocus="message()" <input name="确定" type="button" value="确定" onmouseover="message()"/>
    查看全部
  • 在form标签插入onmouseout事件:会连续弹出2次警告框,是因为ie浏览器用的是事件冒泡。 事件冒泡:自下而上的触发事件,设定在父级form标签onmouseout属性。 在a标签插入onmouseout事件时,只会弹出1次警告框,自下而上的触发onmouseout事件; 其他浏览器用的是事件捕获。 事件捕获:自上而下的触发事件。
    查看全部
  • 注意网页链接和按钮的书写方式: <a href="http://www.imooc.com" onmouseout="message()">点击我</a> <input name="确定" type="button" value="确定" onmouseover="message()"/>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> </head> <body> <div> javascript <p>javascript</p> <div>jQuery</div> <h5>PHP</h5> </div> <script type="text/javascript"> var childNode=document.getElementsByTagName("div"); for(var i=0;i<childNode[0].childNodes.length;i++){ var text=childNode[0].childNodes[i].nodeName; document.write(text,"<br>"); } </script> </body> </html>
    查看全部
  • elementNode.getAttribute(name); elementNode.setAttribute(name,value); 相当于键值对 name:value
    查看全部
  • setAttribute() 方法增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。 语法: elementNode.setAttribute(name,value) 说明: 1.name: 要设置的属性名。 2.value: 要设置的属性值。 注意: 1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性,该方法将创建一个新属性。 2.类似于getAttribute()方法,setAttribute()方法只能通过元素节点对象调用的函数。
    查看全部
  • 通过元素节点的属性名称获取属性的值。 语法: elementNode.getAttribute(name) 说明: 1. elementNode:使用getElementById()、getElementsByTagName()等方法,获取到的元素节点。 2. name:要想查询的元素节点的属性名字
    查看全部
  • scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离 ,即左边灰色的内容。 scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离 ,即上边灰色的内容。 offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 。 offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置 。
    查看全部
  • offsetHeight和offsetWidth,获取网页内容高度和宽度(包括滚动条等边线,会随窗口的显示大小改变)。 var w= document.documentElement.offsetWidth || document.body.offsetWidth; var h= document.documentElement.offsetHeight || document.body.offsetHeight;
    查看全部
  • scrollHeight和scrollWidth,获取网页内容高度和宽度。 var w=document.documentElement.scrollWidth || document.body.scrollWidth; var h=document.documentElement.scrollHeight || document.body.scrollHeight;
    查看全部
  • var w= document.documentElement.clientWidth || document.body.clientWidth; var h= document.documentElement.clientHeight || document.body.clientHeight;
    查看全部
  • • window.innerHeight - 浏览器窗口的内部高度 • window.innerWidth - 浏览器窗口的内部宽度
    查看全部

举报

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

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