<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#div1 {
width: 100px;
height: 100px;
background-color: deeppink;
}
</style>
</head>
<body>
<div id="div1">
hello
</div>
<p>这是一个字段</p>
<h3>这是三级标题</h3>
<script type="text/javascript">
/*DOM 根节点
这里有两个特殊属性,可以访问全部文档:
document.documentElement - 全部文档
document.body - 文档的主体*/
// alert(document.documentElement.innerHTML);
// alert(document.body.innerHTML);
// alert(document.documentElement.clientHeight);
// alert(document.body.clientHeight);
// 1.json
// 2.array
// 3.遍历对象的属性
var div1 = document.getElementById("div1");
for (i in window) {
console.log(i);
}
Math.PI();// π
// 2.array数组
var arr1 = new Array("a", "b", "c", "d");
// for (var i = 0; i < arr1.length; i++) {
// alert(arr1[i]);
// }
// for 循环
// for(var i = 0,l = arr1.length; i < l; i++){
// alert(arr1[i]);
// }
// 这个效率高
// for(i in arr1){
// alert(arr1[i]);
// }
document.write("<h3>第一条</h3></br>");
div1.innerHTML = "<h3>第三条</h3>"
document.write("第二条");
div1.innerText = "<h3>第四条</h3>"
// 定义一个函数,有两个参数,有返回值
function add(x, y) {
return (x + y);
}
// alert(add(789,987));
// 变量的作用域1
// function myFunc1() {
// var j = 10; // 函数里面加上var定义的变量是局部变量,函数调用结束后,变量就得不到了
// return j;
// }
// myFunc1();
// ++j;
// alert(j);
// 变量的作用域2
function myFunc2() {
j = 10; // 函数里面定义的变量,如果不加var定义不会出错,但是这个变量是全局变量
}
myFunc2();
++j;
// alert(j);
</script>
</body>
</html>