网页引用外部js脚本文件时必须是<script></script>标记格式
2013-05-04 11:17
716 查看
最近做一个网站程序,在ASP.NET代码中引入了自己或他人的多个JavaScript脚本文件,测试时感到有些脚本文件没有被引用到(即,其中定义的函数不起作用),有些又被引用到了,一时感到困惑不解。见如下htm文档,其中的code2.js中的函数就没有被引用到,但code1.js和code3.js均被引用到了。
使用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>将影响到该行下一行的脚本文件,即下一行脚本代码不能被引用。
<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>将影响到该行下一行的脚本文件,即下一行脚本代码不能被引用。
相关文章推荐
- 外部脚本必须包含 <script> 标签吗?
- 网页引用外部js脚本文件时必须是(转)
- 关于<appSettings file="app.config" >引用外部文件的配置值
- 从外部的js文件中使用<%=%>获取ASPX页面的ClientID获取后台代码
- 合并网页中的多个<Script>引用
- requireJS&seaJS模块加载器原理:<script>标签加载外部js文件用到的onload、onerror和onreadystatechange事件
- 前台--关于引用外部js文件的格式
- 有时头文件引用为什要用双引号("")而不是尖括号呢"<>"?
- Windows & Linux 文件格式之迷 < VI下删除文本中的^M>
- proc/<pid>/maps文件格式
- APP在加载外部html时选择加载本地的js、css、img等资源文件(下:iOS篇)<转载>
- layui 表单验证案例文本框,手机,邮箱,textarea等格式的验证 <script src="layui/layui.js"></script> <script src="layui/lay
- 使用js过滤内容中<script>
- Parse Fatal Error at line 41 column 24: 元素类型 "url-pattern" 必须由匹配的结束标记 "</url-pattern>" 终止
- 从给定网页上下载<img src="" />格式的图片,并保存到制指定路径
- 【JS】【客户端】脚本化HTTP —— 借助<script>发送HTTP请求:JSONP
- <style><script> css和js文件引入
- 静态网页,JS代码 统计网站访问量<也支持html>
- 数据库被注入脚本后,数据库恢复办法,<script src=http://3b3.org/c.js></script>
- JQuery的html(data)方法与<script>脚本块的解决方法