前端笔记
长乐王

JavaScript的引用和实现

JavaScript 输出
    JavaScript 通常用于操作 HTML 元素。
    如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。
    请使用 "id" 属性来标识 HTML 元素。通过指定的 id 来访问 HTML 元素,并改变其内容。
    JavaScript 由 web 浏览器来执行。
实例
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph</p>
<script>
    document.getElementById("demo").innerHTML="My First JavaScript";
</script>
</body>
</html>
提示:浏览器访问 id="demo" 的 HTML 元素,并把它的内容(innerHTML)进行替换。

写到文档输出
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
    document.write("<p>My First JavaScript</p>");
</script>
</body>
</html>
提示:这个例子直接把 <p> 元素写到 HTML 文档输出中。

警告
请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph.</p>
<button onclick="myFunction()">点击这里</button>
<script>
function myFunction() {
    document.write("糟糕!文档消失了。");
}
</script>
</body>
</html>
本文番号: 前端笔记 - JavaScript - JavaScript的引用和实现

评论