js--HTML/JSP页面JS代码加载顺序

一、说明

JS主要分为内部js外部js,内部js直接写在页面内,外部js需要引入到当前页面内。
不管是内部js还是外部js,都可以写在<body></body>或<head></head>标签中,写在不同标签中会影响js的加载顺序。

示例

//a.内部js
<script type="text/javascript">...</script>
//b.外部js
<script src="${pageContext.request.contextPath}/js/jquery-1.11.3.min.js"></script>

二、加载顺序(具体说明)
 

<head></head>标签内

html加载时,还不会去加载js的代码。需要触发事件的时候,才去加载js代码。

<html>  
<head>  
<script type="text/javascript">....</script>  
</head>  
<body>  
...  
</body>  
</html> 

<body></body>标签内

html一运行,就会去加载js的代码。

<html>  
<head>...</head>  
<body>  
<script type="text/javascript">....</script>  
</body>  
</html>

PS:

对于引入外部js而言,总是会发生以下类似报错提示
提示a:Uncaught ReferenceError: keyLogin() is not defined

提示2:Uncaught ReferenceError: $ is not defined at loginout.action:16

以上错误提示,集中几种主要原因如下:

1、js函数未定义或定义的函数名跟声明的函数名不一致或传入参数不一致,如上面提示a所示,keyLogin()未定义。
2、js函数写到body、head这两个标签的外面了。(有这样写过的请举手)
3、js函数定义在对象声明之前。js代码直接运行时,代码中操作到的对象写在js代码的后面了。可能会报错,因为不同浏览器可能会根据顺序加载对象。

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吾日三省贾斯汀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值