禁用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时适用