金小刚_20210115金小刚
知识点总结
location对象
代表浏览器的地址栏对象
location常用的属性
href 属性
获取href属性，获得当前地址栏访问的地址，设置href属性，用于页面的跳转，跳转到一个新的页面。
reload() 重新加载当前的页面，相当于浏览器上的刷新按钮。
运用：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p><span id="num">3</span>秒后跳转到<a href="demo.html" id="a">demo</a>页面.或直接点击<a href="demo.html">此处</a>跳转!</p>
<script type="text/javascript">
var num = document.querySelector("#num");
setInterval(jian,1000);
function jian(){
var cur = num.innerText - 1;
if(cur == 0){
// 跳转 document.querySelector("#a").href
location.href = "demo.html";
}
num.innerText = cur;
}
</script>
</body>
</html>
## DOM编程
Document Object Model 文档对象模型，用于操作网页中元素
作用：每个HTML页面在被浏览器解析的时候都会在内存中创建一棵DOM树，我们通过编写JS代码就可以访问
这棵树上任何一个节点，并且对节点进行操作。通过 DOM模型，可以访问所有的 HTML 元素，连同它
们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。新创建的元素对象，要挂到DOM树上才可以在网页上显示出来。
节点查找
| document.getElementById(“id”) | 通过id属性得到唯一的元素如果页面上有多个同名的id，则得到第1个元素 |
|---|---|
| document.getElementsByName(“name”) | 通过name属性得到一组标签，返回一个数组 |
| document.getElementsByTagName (“标签名”) | 通过标签名字得到一组标签，返回一个数组 |
| document.getElementsByClassName("类名") | 通过类名得到一组标签，返回一个数组 |
| document.querySelector("选择器") | 根据选择器查询元素，返回一个元素 |
| document.querySelectorAll("选择器") | 根据选择器查询所有元素，返回一个数组 |
javaScript
javaScript的作用：与用户进行交互。
JavaScript的语法组成：
ECMAScript：构成了JS核心的语法基础
BOM:Browser Object Model 浏览器对象模型，用来操作客户端和浏览器窗口上的对
象
DOM: Document Object Model 文档对象模型，用来操作网页中的元素
javaScript的编写方式：
在html内部的脚本，