在html中嵌入js代码的方法

如何在HTML页面中嵌入javascript代码

（学习视频分享：html视频教程）

html>
     body>
     script tyPE="text/javascript">
     document.wrITe("Hello World!");
     /script>
     /body>
     /html>
    

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

Hello World!

实例解释：

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

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

html>
     body>
     script type="text/javascript">
     ... /script>
     /body>
     /html>
    

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

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

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

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

如何与老的浏览器打交道

那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生，我们可以使用这样的 HTML 注释标签：

html>
     body>
     script type="text/javascript">
     !-- document.write("Hello World!");
     //-->
     /script>
     /body>
     /html>
    

注释行末尾的两个正斜杠是 JavaScript 的注释符号，它会阻止 JavaScript 编译器对这一行的编译。

相关推荐：html教程

以上就是在html中嵌入js代码的方法的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！