JS教程：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p id="demo">
JavaScript 能够直接写入 HTML 输出流中：
</p>
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
function myFunction() {
x = document.getElementById("demo"); // 找到元素
x.innerHTML = "Hello JavaScript!"; // 改变内容
x.style.color="#ff0000"; // 改变样式
}
</script>
<p>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
</p>
<button type="button" onclick="alert('Welcome!')">点击这里</button>
<button type="button" onclick="myFunction()">点击</button>
<p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。</p>
<input id="demo1" type="text">
<script>
function myFunction1()
{
var x=document.getElementById("demo1").value;
if(x==""||isNaN(x)||x.length>=8)
{
alert("不全是数字或输入字符长度大于等于8，在范围内请输入数字");
}
else{
alert("success");
}
}
</script>
<button type="button" onclick="myFunction1()">点击这里</button>
<p></p>
<button onclick="myFunction2()">消失</button>
<script>
function myFunction2()
{
document.write("糟糕！文档消失了。");
}
</script>
<br/>
<script>
var person={
firstname : "Bill",
lastname : "Gates",
id : 5566
};
document.write(person.lastname + "<br />");
document.write(person["lastname"] + "<br />");
</script>
</body>
</html>
转载自原文链接, 如需删除请联系管理员。
原文链接：JS教程（一），转载请注明来源！