网页引用外部js脚本文件时必须是(转)
2015-06-27 11:37
1046 查看
warproj
JavaScript. XML | 标签:外部js 引入
|举报
|字号 订阅
下载LOFTER客户端
最近做一个网站程序,在ASP.NET代码中引入了自己或他人的多个JavaScript脚本文件,测试时感到有些脚本文件没有被引用到(即,其定义的函数不起作用),有些又被引用到了,一时感到困惑不解。见如下htm文档,其中的code2.js中的函数就没有被引用到,但code1.js code3.js均被引用到了。
[html] view plaincopy
<html>
<head>
<script type="text/javascript" src="script/code1.js" />
<script type="text/javascript" src="script/code2.js"></script>
<script type="text/javascript" src="script/code3.js"></script>
</head>
<body>
<input type="button" value="ShowCode1" onclick="ShowCode1()" />
<input type="button" value="ShowCode2" onclick="ShowCode2()" />
<input type="button" value="ShowCode3" onclick="ShowCode3()" />
</body>
</html>
使用Firefox打开该网页,然后查看网页的源代码,发现code2.js引用的脚本代码不能被浏览,而code1.js和code3.js的均可以。比较该网页3行<script>代码发现,code1.js的行被写成<script type="text/javascript" src="script/code1.js" />,即采取省略格式,而不是后面两行的全标记格式。于是,改成全标记格式,code2.js就可以引用到了,问题得到解决。
查阅David Flanagan的名著《JavaScript权威指南(第五版)》,在13.2节”HTML中嵌入脚本“的13.2.2小节”外部文件中的脚本“中,特别写了”注意,即使指定了scr属性并且<script>和</script>标记之间没有JavaScript代码,结束的</script>标记也是必须的。“呵呵,劳时耗神,非他,乃自己读书不透、技艺不精哈。
总结如下:
<script>引用外部js文件时,必须是<script ...></script>标记格式,不要采取省略形式。
在引用多个外部js文件时,省略了</script>将影响到该行下一行的脚本文件,即下一行脚本代码不能被引用。
阅读(886)|
评论(1)
喜欢
推荐
转载
十天内掌握线性代数(转载自译言)
URI URL区别
关闭
玩LOFTER,免费冲印20张照片,人人有奖! 我要抢>
网页引用外部js脚本文件时必须是<script></script>标记格式 (转)
2013-08-14 18:12:53| 分类:JavaScript. XML | 标签:外部js 引入
|举报
|字号 订阅
下载LOFTER客户端
最近做一个网站程序,在ASP.NET代码中引入了自己或他人的多个JavaScript脚本文件,测试时感到有些脚本文件没有被引用到(即,其定义的函数不起作用),有些又被引用到了,一时感到困惑不解。见如下htm文档,其中的code2.js中的函数就没有被引用到,但code1.js code3.js均被引用到了。
[html] view plaincopy
<html>
<head>
<script type="text/javascript" src="script/code1.js" />
<script type="text/javascript" src="script/code2.js"></script>
<script type="text/javascript" src="script/code3.js"></script>
</head>
<body>
<input type="button" value="ShowCode1" onclick="ShowCode1()" />
<input type="button" value="ShowCode2" onclick="ShowCode2()" />
<input type="button" value="ShowCode3" onclick="ShowCode3()" />
</body>
</html>
使用Firefox打开该网页,然后查看网页的源代码,发现code2.js引用的脚本代码不能被浏览,而code1.js和code3.js的均可以。比较该网页3行<script>代码发现,code1.js的行被写成<script type="text/javascript" src="script/code1.js" />,即采取省略格式,而不是后面两行的全标记格式。于是,改成全标记格式,code2.js就可以引用到了,问题得到解决。
查阅David Flanagan的名著《JavaScript权威指南(第五版)》,在13.2节”HTML中嵌入脚本“的13.2.2小节”外部文件中的脚本“中,特别写了”注意,即使指定了scr属性并且<script>和</script>标记之间没有JavaScript代码,结束的</script>标记也是必须的。“呵呵,劳时耗神,非他,乃自己读书不透、技艺不精哈。
总结如下:
<script>引用外部js文件时,必须是<script ...></script>标记格式,不要采取省略形式。
在引用多个外部js文件时,省略了</script>将影响到该行下一行的脚本文件,即下一行脚本代码不能被引用。
阅读(886)|
评论(1)
喜欢
推荐
转载
十天内掌握线性代数(转载自译言)
URI URL区别
关闭
玩LOFTER,免费冲印20张照片,人人有奖! 我要抢>
评论
点击登录|昵称:相关文章推荐
- jsonp实现原理详细介绍
- javascript 判断是否为字符串对象
- JavaScript 运行机制详解:再谈Event Loop
- js上传图片,进行预览
- 视差滚动插件Stellar.js
- JS Date.Format
- JS 获取 本周、本月、本季度、本年、上月、上周、上季度、去年
- 如何实现序列化为json
- Javascript、PHP交互的实现
- js基础1-深入理解javascript之this
- js刷新页面方法大全
- 深入理解javascript之this
- 20150623 javascript实现的简单刷贴
- js跨域调用
- 生成任意长度的随机数 JS
- JS获取屏幕宽度的说明
- 数组去重 JS
- js——DOM操作(一)
- javascript-函数及兼容
- javascript--study