这是我参与「第四届青训营 」笔记创作活动的第17天
Document你喜欢哪个城市?
- 北京
- 广东
- 深圳
你喜欢哪款单机游戏?
- 飞车
- cf
- dota
你的手机操作系统是什么?
- 北京
- 广东
- 深圳
gender:
Male Female 查找 #bj 的节点 查找 标签li 的所有节点 查找 name = gander 的所有节点 查找 city下的所有 li 节点 Document 现在需要使用 script 引入外部的 js 文件来执行 src 属性专门用来引入 js 文件路径,可以是相对路径,也可以是绝对路径 script 标签可以用来 js 代码,也可以用来引入 js 文件但是,两个功能只能二选一,使用,不能同时使用两个功能,但是可以多 script 标签
什么是变量
变量是可以存放某些值的内存的命名
javascript 的数据类型:数据类型,字符串类型,对象类型,布尔类型,函数类型
javascript 里的特殊值:undefined,未定义,null,空值,NAN全称是 not a number 非数字,非数值
var 变量名,var 变量名 = 值
typeof 是可以去变量的数据类型返回
等于: == 全等于: ===
&&||!与或非取反
其余都为真
0,null undefined 都是假 false,NAN 也是 false
空串为假,""
短路运算
&&运算:当表达式的全为真时,返回最后一个表达式的值
当表达式中,有一个为假的时候,返回第一个为假的表达式的值
||或运算中
第一种情况:当表达式全为假时,返回最后一个表达式的值
第二种情况:只要有一个表达式为真,就会把会第一个为真的表达式的值
数组: js 中数组的定义:格式:
在 js 中函数的定义有两种,第一种,可以使用 function 关键字来定义函数
函数的第二种方式,
隐形参数:就是在 function 中不需要定义,却可以用来获取所有参数的变量,我们管他叫隐形参数
隐形参数特别像,java 基础中的可变长参数
public void fun(Object ...args)
可变长参数其实是一个数组
那么 js 中的隐形参数一样,操作类似数组
自定义对象:
变量的访问:
变量名.属性名
js 中的事件
交互
onload:加载完成事件,页面加载完成后,常用于做页面 js 代码初始化操作
onclick:常用于按钮点击响应操作
onblur:失去焦点事件:常用于输入框离开失去焦点后,内容是否合法
onchange内容发生改变事件:常用于下拉列表和输入框内容发生改变后的事件
onsubmit:表单提交事件:常用于验证表单是否合法
事件的注册:又分为静态注册和动态注册两种
其实就是告诉浏览器事件响应之后要执行哪些代码,就叫事件注册和绑定
分为静态注册和动态注册
静态注册事件:通过 html 标签的事件属性,直接赋予事件响应后的代码,这种方式我们应该叫静态注册
动态注册事件:是指先通过js 代码得到标签的 dom 对象,然后再通过dom 对象,事件名= function(){}这种形式赋予事件响应后的代码动态注册
1.获取标签对象
onload 事件演示
onload事件是浏览器解析完自动触发的事件
按钮 1按钮 2
用户名 :
密码 :
密码 :
内容发生改变事件
请选择你心中的女神
女神1
女神2
女神3
女神4
请选择你心中的男神
男神1
男神2
男神3
男神4
表单提交事件
dom模型 全称是:document object model
把文档中的标签,属性,文本转换为对象来管理
验证用户名是否有效
用户名 :
校验
用户名不合法
正则表达式对象: 通过 new RegExp
或者通过:/e/这个也是正则表达式对象,功能一样;
兴趣爱好:
c++
java
javaScript
python
全选全不选反选
document三个方法的注意事项
如果有 id属性,优先用byid
再按 name
最后再按 tag标签
三个方法一定要在页面加载完成后再执行,才能查到标签对象
