HTML中的<script>标签

在js学习阶段,一直使用<script>元素,但对它了解较少。看了大家推荐的红宝书之后,学到了许多关于它的知识,收获颇多。本篇文章围绕<script>元素简单讲一下使用、行内脚本与外部脚本等。

一、<script>使用

两种方式:通过它直接在网页中嵌入JavaScript代码、通过它在网页中包含外部JavaScript文件。

  1. 直接在网页中嵌入JavaScript代码
<script>
		// 嵌入行内JavaScript代码,直接把代码放在<script>元素中即可
        function sayHi() {
   
            console.log("Hi!");
        }
</script>

包含在<script>内的代码会被从上到下解释。在<script>元素中的代码被计算完成之前,页面中的其余内容不会被加载,也不会被显示。
而在使用行内JavaScript代码时,还需注意,代码中不能出现</script>,否则浏览器会报错。

<script>
        function sayScript() {
   
            console.log("</script>");
        }
</script>

代码中出现,浏览器报错
若想避免上述问题,只需加转义字符 “\” 即可。

<script>
    function sayScript() {
   
        console.log("<\/scri
  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值