如何在HTML中嵌入JavaScript

原文:http://www.w3school.com.cn/js/js_howto.asp

如何把 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>

TIY

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

如何与老的浏览器打交道

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

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

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

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值