js学习(1)

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
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • JavaScript简介 JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编...
    Joel_zh阅读 300评论 0 0
  • id和class选择器 #para1{text-align:center;color:red;} Hello Wo...
    benbensheng阅读 1,411评论 0 0
  • 数据验证 确保正确的用户输入 典型的验证任务是: 用户是否已填写所有必需的字段? 用户是否已输入有效的日期? 用户...
    啊_6424阅读 249评论 2 1
  • JavaScript实现 javascript与ECMAScript是不同的,一个完整的javascript应该由...
    exialym阅读 614评论 0 3
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 5,126评论 0 0

友情链接更多精彩内容