JavaScript的引用
<body></body>
方法一：
<script src='index.js'></script>
方法二：
<script>
var bodyLabel=document.getElementsTagName('body');
</script>
index.js
var bodyLabel=document.getElementsTagName('body');
js数据类型
number
string
boolean
object
undefined
document元素选择
document.getElementById('id');通过id名选择元素
document.getElementsByTagName('p');通过标签名选择所有p元素，得到的是一个数组，不能直接引用，在后面加上[n]取第n个p元素
document.querySelector('选择器');通过选择器获取元素
js的变量与函数
var和let声明创建变量
例：
var num;
let num;
function定义函数
例：
function (){
}
function numName(){
}
事件
点击事件
第一种方法：此处this选择性添加，意思是把当前标签传过点击事件
<button onclick='buttonClick(this)'></button>
第一种方法：这里函数括号里定义的label是形参，接受传过来的this
function buttonClick(label){
内部书写事件内容
}
第二种方法：
元素.onclick=function(){
内部书写事件内容
}
鼠标移入移除事件
在这里插入代码片
焦点事件
在这里插入代码片
定时器
在这里插入代码片
修改css样式
在这里插入代码片
修改标签属性
在这里插入代码片
js增删改查元素
在这里插入代码片
|