js入门之引用

一、引用js

1.最好的做法。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<p>html文档</p>
		<script type="text/javascript">
		</script>
	</body>
</html>

<script>标签位于html文档的最后,</body>之前。这样可以使浏览器更好的加载页面。

2.外部文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="j.js">
		</script>

	</head>
	<body>
		<p>html文档</p>
		
	</body>
</html>

这里你需要提前编写好你的就是文件,然后通过语句直接引用就好了。用src属性指向它。这里的<script>标签放在head里是比较典型的做法,你也可以把它放在body里。

3.类似<style>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
		//这里写你的js代码
		</script>

	</head>
	<body>
		<p>html文档</p>
		
	</body>
</html>

熟悉css的读者不难发现,这种写法基本和css引用的那种方法是一致的。

4.注意事项

使用<script>嵌入JS代码时,按照解析规则,代码中任何地方不要出现</script>,这会导致解析代码时产生错误。我们可以通过转义字符\"来解决.

另外,请注意图中划线部分

二、几种脚本

这里介绍的脚本都必须以外部文件的形式引用。

1.延迟脚本

这里说一下。script一词的汉语解释——脚本,defer——拖延推迟。设着defer属性,相当于告诉浏览器延迟执行js文件(但是会立即下载)。因为现实中我们无法判断延迟脚本的运行顺序,所以最好只设置了一个。

2.异步脚本

与defer类似的使用方法,同样地,async——异步的。多个脚本也不能保证按顺序执行,所以你需要确保设置的连个js文件互不依赖。这个属性的目的是让页面等待脚本的执行,从而异步加载页面的其他内容。

三、补充

注释有两种方式,单行“//”;多行“/**/”。

语句后最好加上分号。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值