Javascript Jquery09自定义属性操作 滚动相关scrollTop 表单操作等.ppt

Js、JQuery Vip Jery老师 属性操作相关方法 获取属性： obj.getAttribute(key); 设置属性： obj.setAttribute(key,value); 移除属性： obj.removeAttribute(key); 注意： . [] 不能修改自定义属性 BOM : (Browser Object Model) （对浏览器的一些操作） window.open(); //打开一个新窗口， 参数1：[href] ， 参数2：[target] //返回新窗口的window对象； window.close(); //关闭窗口，浏览器禁止问题，作用不大 window.navigator.userAgent //浏览器信息 window.location //地址信息 [href] [search] [hash] 滚动距离 document.body.scrollTop // scrollLeft document.documentElement.scrollTop // scrollLeft 兼容写法： document.documentElement.scrollTop || document.body.scrollTop; window.onresize = function(){} window.onscroll = function(){} jQuery里面置顶操作 $(window).scroll(); clientHeight / offsetHeight / scrollHeight 区别 表单操作: 可以用过name名获取改变值； form.user.value = Jery; 表单事件： onchange // 表单值发生改变时触发（text/radio/checkbox/select） onsubmit // 提交表单时触发 onreset // 重置时触发 onfocus //获得焦点触发 onblur // 失去焦点触发 .focus() .blur() 作业！ 1.熟悉对于自定义属性的操作方法，attr()方法如何封装？ 2.了解滚动距离,会写置顶操作（iconfont线上与项目） 3.熟悉clientHeight/offsetHeight/scrollHeight的用法 4.熟悉表单的操作（onchange/onfocus/onsubmit/onreset） 5.尽量写一个表单验证，下节课讲！写总结，练习！ 提交格式：学号+昵称+真实姓名 Jery老师QQ邮箱：915884779@ 付出不亚于任何人的努力，让优秀成为一种习惯！ 谢谢观赏 更多精彩请访问 潭州学院官网： TechEd 2012 ? 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.