网页中使用JavaScript(二)

本文详细解析了HTML中<script>标签的属性及其使用注意事项,包括async、defer、src等关键属性的功能与限制,以及<noscript>标签的作用。强调了脚本加载对页面渲染的影响及最佳实践。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

写在前面的话:

       本专栏,主要是用做个人学习使用,主要参考书籍《JavaScript高级程序设计》,主要记录JavaScript学习和使用中的难点和坑点,和主要知识点,很多信息仅作参考使用;本人本专栏的每一篇文章会不断修改和补充和完善,如果您发现有问题和疑问希望大家积极指出,方便我完善文章,谢谢大家。


<script>标签属性 

1.async:可选,表示应该立刻下载脚本,但是不会妨碍其他操作,包括下载其他资源,只对外部脚本有效,影响脚本间的依赖谨慎使用

2.charset:可选,设置通过src属性指定代码的字符集,(很少人使用)

3.defer:可选,表示脚本可以延迟到文档完全被解析和显示后再执行。只对外部脚本有效,影响脚本间的依赖谨慎使用

4.language:废弃

5.src:可选,外部脚本文件路径

6:type:可选,MIME类型,使用外部脚本可以不指定,内部脚本推荐值为:"text/javascript"

注意:<script>内部脚本解释和代码求值之前,脚本后的文档不会被浏览器加载显示。脚本内部不能包含"</script>"字样,浏览器会以为脚本已经结束产生一个错误,应该使用转义字符'/'进行转义,外部脚本文件加载解析时,页面处理停止:

错误:

<script type="text/javascript">
    function sayScript(){
        alert("</script>");
    }
</script> 

正确: 

<script type="text/javascript">
    function sayScript(){
        alert("<\/script>");
    }
</script> 

提示:外部脚本引入标签的内部不能再有脚本,这些代码会被忽略,外部脚本加载顺序为,加载外部脚本<script>标签再文档中的位置一致,外部脚本放置位置应该遵循一个规定:影响页面渲染和绘制放在head中(比如一些框架的js文件),其余放置后面。

<noscript>标签

<noscript>标签只有在浏览器不支持脚本,或脚本被禁用时启用

<noscript>
    <p>本页面需要浏览器支持(启用)JavaScript。</p>
</noscript> 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值