1、一个元素可以同时绑定多个事件
var x = document.getElementById("myBtn");
x.addEventListener("click", someOtherFunction);
x.addEventListener("click", myFunction);
function myFunction() {
alert ("Hello World!")
}
function someOtherFunction() {
alert ("函数已执行!")
}
2、JS可以通过不同的方式来输出数据
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML = "段落已修改。" 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。
使用 console.log() 写入到浏览器的控制台。
document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。
3、js中5种数据类型
Undefined:当声明的变量还未被初始化时
Null:用来表示尚未存在的对象,即是一个不存在的对象的占位符
Boolean:布尔类型
Number:数字类型
String:字符串类型
4、js中==和===的区别
==用于一般比较,==在比较的时候可以转换数据类型;
===用于严格比较,===严格比较,只要类型不匹配就返回flase。
5、JS的一些小细节
①js对大小写敏感
②js采用分号( ; )对语句进行分隔
③js会忽略多余的空格,可以向脚本中添加空格,来提高可读性
④js中,函数及变量的声明都将被提升到函数的最顶部,也就是说变量可以先使用再声明
6、JS表单验证:约束验证CSS伪类选择器
选择器 |
描述 |
:disabled |
选择属性为“disabled”属性的input元素 |
:invalid |
选取无效的 input 元素 |
:optional |
选择没有"required"属性的 input 元素 |
:required |
选择有"required"属性的 input 元素 |
:valid |
选择有效值的input |