HTML中的JavaScript

<script>属性:

<script>标签是向HTML中插入JavaScript的主要方法,它具有以下几个属性:

属性名用法
async可选,使用该参数表示该标签内的资源应异步加载,不会影响页面的正常加载
charset可选,表示通过src属性指定代码的字符集,大多数浏览器会忽略该值
defer可选,只对外部脚本文件有效,使用该参数表示该标签内资源延迟加载,将该资源延迟到了页面文档全部解析和显示后再执行
language已废弃,原是用于表示编写代码使用的脚本语言
src可选,表示需要执行的外部脚本文件,使用该属性后标签内的js将不再有效,因此设置该标签后标签内就不要再编写代码了
type可选,可认为是language的替代品,表示编写代码使用的脚本语言的基本内容类型(MIME类型),常用的是text/javascript、text/ecmascript,目前这两种类型已不被推荐使用,但考虑到兼容性,最好还是将其设置为‘text/javascript’,即使选择text/javascript,但服务器在传送js文件时会将其MIME类型使用为‘application/x-javascript’ ,但若是直接在type中直接设置‘application/x-javascript’则又可能被忽略

<script>使用方法

1、引入外部脚本文件

<script type="text/javascript" src="../../test.js"></script>

2、直接嵌入在页面中

<script type="text/javascript">
	let _fun=function(){
		console.log("js嵌入页面的使用方式");
	}
</script>

<script>的一些特征

1、由于js具有由上到下加载的性质,因此<script>标签中的代码解析完成前,script标签后的内容不会被加载,因此常常将<script>标签放在<body>元素的最后面,但需注意若加载页面时需要操作DOM修改页面,则将标签放在此处就不再合适了;
2、<\/script>标签仅作为结束标签使用,若代码中出现该标签即代表该标签到此闭合,若需将其作为字符串须将其转义,即<\/script>,例如

<script type="text/javascript">
	let _fun=function(){
		console.log("<\/script>");
	}
</script>

使用<script>的src属性的作用

1、可维护性
2、可缓存
3、适应未来

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值