基础知识

  1. HTML DOM: DOM (Document Object Model)(文档对象模型)是用于访问 HTML 元素的正式 W3C 标准。

输出

  • 使用 window.alert() 弹出警告框。如:window.alert(5 + 6);

  • 使用 document.write() 方法将内容写到 HTML 文档中。如document.getElementById("demo").innerHTML = "content";

  • 使用 innerHTML 写入到 HTML 元素,可以用于替换字符。

  • 使用 console.log() 写入到浏览器的控制台。如:document.write(Date());

注意

document.write() 仅仅向文档输出写内容

如果在文档已完成加载后执行 document.write()整个 HTML 页面将被覆盖

例如:

<!DOCTYPE html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<!-- 点击此按钮,整个页面将会被覆盖 -->
<button onclick="myFunction()">点我</button>
<script>
function myFunction() {
document.write(Date());
}
</script>
</body>
</html>

语法

  • 申明(定义)变量:

  1. var:声明一个作用范围为全局或者整个函数

  2. let:声明一个作用范围被限制在块级中的变量、语句或者表达式。let声明的变量只在其声明的块或子块中可用。

function varTest() {
var x = 1;
if (true) {
var x = 2; // 同样的变量!
console.log(x); // 2
}
console.log(x); // 2
}
function letTest() {
let x = 1;
if (true) {
let x = 2; // 不同的变量
console.log(x); // 2
}
console.log(x); // 1
}
  • 申明常量:const

  • 异常处理:

  1. trycatch语句搭配使用。

  2. throw:抛出生成的错误。

  • 代码折行方法:

document.write("你好 \
世界!");

Contents
输出
语法