javascript 学习 day 2

javascript 学习 day 2


2. HTML 中的 JavaScript

内容:

  • 使用<script>标签
  • 行内脚本和行外脚本的比较

2.1 <script> 标签

  将 javascript 插入 html 中的主要方式是使用<script>元素。它有以下八个属性:

  • async:表示应该立即开始下载脚本
  • charset:使用src属性指定的代码字符集
  • ceossorigin:配置相关请求的 CORS (跨源资源共享)
  • defer:表示脚本可以延迟到文档完全解析在执行
  • inntegrity:对比资源的加密签名,验证资源的完整性
  • language:废弃。
  • src:引用外部的 js 资源
  • type:代替 language,表示代码块中脚本语言的内容类型

详情请看:< script >标签

  使用<script>有两种方式:使用它在网页中直接嵌入 javascript 代码,以及通过它引入外部 javascript 文件。
  要嵌入行内 javascript 代码,直接把代码放在 <script> 标签内部就可以了:

<script>
	function fn() {
		console.log('Hello World');
	}
</script>

  要包含外部文件中的 javascript,就必须使用 src 属性。这个属性是一个 url(统一资源定位器),指向包含 javascript 代码的文件:<scripr src='main.js'></script>

  包含在<script>内的代码会被从上到下解释。在<script>元素中的代码被计算完之前,页面的其余内容不会加载、显示。由于这个特性通常将<script>标签放置于页面主内容之后,</body>标签之前:

<!DOCTYPE html>
<html>
	<head>
		<title>docment</title>
	</head>
	<body>
		<!-- 页面内容-->
		<script src='index.js'></script>
	</body>
</html>

这样一来,页面会在处理 javascript 代码之前完全渲染出来。用户会感觉页面加载更快了,因为浏览器空白时间更短了。

  另外在使用 src 属性的<script>标签中不应再写入 javascript 代码。如果两者都提供的话,浏览器只会执行下引入的 js 文件,从而忽略行内代码。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值