网页引用外部js脚本文件时必须是(转)
来源:互联网 发布:mac win10开机蓝屏 编辑:程序博客网 时间:2024/06/04 18:26
warproj
网页引用外部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>将影响到该行下一行的脚本文件,即下一行脚本代码不能被引用。
十天内掌握线性代数(转载自译言)
URI URL区别
关闭
玩LOFTER,免费冲印20张照片,人人有奖! 我要抢>
评论
点击登录|昵称:
0 0
- 网页引用外部js脚本文件时必须是(转)
- 网页引用外部js脚本文件时必须是<script></script>标记格式
- 网页引用外部的js和css文件
- 解决myeclipse引用单独的js外部文件时中文编码问题(解决的是js文件本身编码问题)
- JSP引用外部js文件
- 引用外部js文件常见问题!
- 为什么网页引用外部CSS文件不起作用??
- 动态引用外部的Javascript脚本文件
- java内部类引用外部类的变量时必须是final变量
- js文件如何引用外部js
- JavaScrip学习之旅(2)引用外部JS文件
- JavaScript基础(三)- 独立引用JS外部文件
- PowerShell远程执行脚本是如何引用外部参数
- 内部类引用外部类局部变量,外部类局部变量必须是final
- 优化网站设计(八):将脚本文件和样式表作为外部文件引用
- html外部js文件引用其他js文件的函数
- 每个 GROUP BY 表达式必须至少包含一个不是外部引用的列、加载页面时调用Js方法、调用Js文件中的方法
- 引用外部script文件是存放的位置
- PPP协议
- LeetCode题解——2Add Two Numbers
- CF 552C 进制转换
- 关于即时通讯系统中消息发送、转发、展示、提示等专利初探
- 高级指针
- 网页引用外部js脚本文件时必须是(转)
- 堆排序
- Go语言并发之美
- sort-list
- Checkpoint not complete造成oracle故障报告及解决方案
- CodeForces 550A Two Substrings(模拟)
- GitHub开源项目
- 内存卡加密王破解
- 【IOS】Instruments 使用教程