学学习网 手机版

学学习网

学习路径: 学习首页 > web开发 > JavaScript >

WEB开发 之 JavaScript 输出

设置字体:
----------------------------------
WEB开发 之 JavaScript 输出
 
JavaScript 通常用于操作 HTML 元素。
 
操作 HTML 元素
 
如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。
 
请使用 "id" 属性来标识 HTML 元素:
 
例子
 
通过指定的 id 来访问 HTML 元素,并改变其内容:
 
<!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>
 
JavaScript 由 web 浏览器来执行。在这种情况下,浏览器将访问 id="demo" 的 HTML 元素,并把它的内容(innerHTML)替换为 "My First JavaScript"。
 
写到文档输出
 
下面的例子直接把 <p> 元素写到 HTML 文档输出中:
 
实例
 
<!DOCTYPE html>
<html>
<body>
 
<h1>My First Web Page</h1>
 
<script>
document.write("<p>My First JavaScript</p>");
</script>
 
</body>
</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>
 
Windows 8 中的 JavaScript
 
提示:微软支持通过 JavaScript 创建 Windows 8 app。
 
对于因特网和视窗操作系统,JavaScript 都意味着未来。
 
 
来源:http://www.xuexuexi.com
 
----------------------------------
课程列表
重点难点
赞助链接