新建一个js文件 common.js 用来封装document.getElemenyById();
//封装document.getElemenyById();
function $(id) {
return document.getElementById(id);
}
引入common.js
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/common.js"></script>
</head>
<body>
<script>
// function showUname() {
// var value = $("uname").value;
// var show = $("show").innerHTML = "<h1>" + value + "</h1>";
// }
//简写方法
function showUname() {
$("show").innerHTML = "<h1>" + $("uname").value + "</h1>";
}
</script>
<div id="show"></div>
<input type="text" id="uname" />
<button onclick="showUname()">显示</button>
</body>
</html>