美文网首页
JavaScript DOM编程艺术读后感

JavaScript DOM编程艺术读后感

作者: ryanWSJ | 来源:发表于2016-08-13 21:15 被阅读49次

    禁用a标签默认跳转行为

    禁止<a>标签的默认跳转行为,可以再onclick函数里面添加return false,来达到目的。在href属性中<a href="#">填#达到空连接的目的,达到的效果并不完美。有些浏览器会把#识别为文档的开头,而调到文档的开头。在这样的情况下,如果用户禁用JavaScript这个链接就完全失效了。
    <a href="http://www.baidu.com" onclick="function(); return false;">链接文字</a>

    JS脚本位置

    JS脚本放在</body>之前加载,有利于提高网站加载速度,提升性能。
    <script src="/js/xx.js"></script>
    </body>

    JS对象定义

    JS对象定义,键名不需要引号
    var object = { name="value", name="value"}

    利用DOM方法访问CSS

    利用DOMgetElementById()方法获取到的是一个对象,element.style得到的同样也是一个对象,element.style.color这样可以直接获取某个元素的样式属性,获取属性时需要注意:要使用驼峰标识,不然将不能识别。其实这也可以想到,在变量名命名时,只允许字母、数字、下划线。并不允许-
    element.style.font-family 将无法识别
    element.style.fontFamily 正确

    HTML5中input表单类型

    类型新增:email, tel, color, range, date, time,serarch, number。
    属性新增:
    pattern : 用于定义一个正则表达式,匹配验证
    required: 表示必填,非法的时候表单会出现外部红色轮廓线
    autofocus : 自动获得焦点
    min , max, step : 对于属性为number和range时适用

    相关文章

      网友评论

          本文标题:JavaScript DOM编程艺术读后感

          本文链接:https://www.haomeiwen.com/subject/fgtysttx.html