您的位置：首页 > Web前端 > JavaScript

如何在HTML中嵌入JavaScript

2015-10-21 21:57 543 查看


如何把 JavaScript 放入 HTML 页面

<html> <body> [code]<script type="text/javascript"> document.write("Hello World!"); </script>
</body> </html>[/code]

上面的代码会在 HTML 页面中产生这样的输出：
Hello World!


实例解释：

如果需要把一段 JavaScript 插入 HTML 页面，我们需要使用 <script> 标签（同时使用 type 属性来定义脚本语言）。

这样，<script type="text/javascript"> 和 </script> 就可以告诉浏览器 JavaScript 从何处开始，到何处结束。
<html> <body> [code]<script type="text/javascript"> ... </script>
</body> </html>[/code]

document.write 字段是标准的 JavaScript 命令，用来向页面写入输出。

把 document.write 命令输入到 <script type="text/javascript">与</script>之间后，浏览器就会把它当作一条 JavaScript 命令来执行。这样浏览器就会向页面写入 "Hello World!"。
<html> <body> [code]<script type="text/javascript"> document.write("Hello World!"); </script>
</body> </html>[/code]

TIY

注意：如果我们不使用 <script> 标签，浏览器就会把 document.write("Hello World!") 当作纯文本来处理，也就是说会把这条命令本身写到页面上。


如何与老的浏览器打交道

那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生，我们可以使用这样的 HTML 注释标签：
<html> <body> [code]<script type="text/javascript"> <!-- document.write("Hello World!"); //--> </script>
</body> </html> [/code]

注释行末尾的两个正斜杠是 JavaScript 的注释符号，它会阻止 JavaScript 编译器对这一行的编译。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航