如何在html中嵌入JavaScript代码

发布时间:2021-01-12 15:41:04 作者:Leah
来源:亿速云 阅读:234

这篇文章给大家介绍如何在html中嵌入JavaScript代码,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

在HTML页面中嵌入javascript代码

<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中嵌入JavaScript代码就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

推荐阅读:
  1. 如何在HTML文档中嵌入JavaScript
  2. 如何在php中嵌入html代码

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html javascript

上一篇:利用css怎么重合两个背景

下一篇:如何在css3中缩小文字

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》