DOM
大约 1 分钟javascript
A
原生
一个服务器中有多个前端项目则下面的 href 中填写域名之后的全路径，比如要跳转到 docify 的项目，则填写 /xzyHandbook/#/sub/jh_plan_bill_registe_sub/ 浏览器会自动拼接前面的协议加主机（注意项目名前面要带有斜线）
<a href="index.html" target="_blank">跳转到新窗口打开</a>
取消默认蓝色
H
<h2 id="tip"></h2>
$(`#tip`).html(`微信扫描下面二维码注册到：${millName}`);
label
document.getElementById('mill-sid').innerHTML=millSid;
DOM节点绑定事件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>演示var作用域与闭包</title>
</head>
<body>
<button id="btn">按钮一</button>
</body>
<script type="text/javascript">
var btn = document.getElementById('btn');
btn.onclick = function(){
console.log('绑定了点击事件');
}
</script>
</html>
选择器
获取节点数组
// #home_tree 是ID选择器，表示该DOM下有 ul 元素
// 取该 ul 元素下的所有 li 元素
// 即得到 li 元素构成的数组
const lis = $("#home_tree ul li");
显示隐藏
通过样式
<div>
<button id="displayBtn" style="background-color:#666666; display:block;">Display Button</button>
<button id="hiddenBtn" style="background-color:#666666; display:none;">Hidden Button</button>
</div>
js控件
function DisplayAndHiddenBtn(btnId, type) {
var currentBtn = document.getElementById(btnId);
if (type == "d") {
currentBtn.style.display = "block"; //style中的display属性
} else if (type == "h") {
currentBtn.style.display = "none";
}
}