HTML文档插入JS代码的几种方法
2016-07-18 10:14
218 查看
在HTML文档里嵌入客户端JavaScript代码有4中方法:
1.内联,放置在< script>和标签对之间。
2.放置在由< script>标签的src属性指定的外部文件中。
3.放置在HTML事件处理程序中,该事件处理程序由onclick或onmouseover这样的HTML属性值指定。
4.放在一个URL里,这个URL使用特殊的“javascript:”协议。
在JS编程中,主张内容(HTML)和行为(JavaScript代码)应该尽量地保持分离。所以JavaScript最好通过< script>元素的src属性来嵌入HTML文档里。
这种方法的优点:
1.可以把大块JavaScript代码从HTML文件中删除,这有助于保持内容和行为的分离,从而简化HTML文件。
2.如果多个Web页面公用相同的JavaScript代码,用src属性可以让你只管理一份代码,而不用在代码改变时编辑每个HTML文件。
3.如果一个JavaScript代码文件由多个页面共享,就只需要下载它一次,通过使用它的第一个页面——随后的页面可以从浏览器缓存检索它。
4.由于src属性的值可以是任意的URL,因此来自一个Web服务器的JavaScript程序或web页面可以使用由另一个web服务器输出的代码。很多互联网广告依赖于此。
5.从其他网站载入脚本的能力,可以让我们更好地利用缓存。
参考:《JAVASCRIPT权威指南》第13章。
1.内联,放置在< script>和标签对之间。
2.放置在由< script>标签的src属性指定的外部文件中。
3.放置在HTML事件处理程序中,该事件处理程序由onclick或onmouseover这样的HTML属性值指定。
4.放在一个URL里,这个URL使用特殊的“javascript:”协议。
在JS编程中,主张内容(HTML)和行为(JavaScript代码)应该尽量地保持分离。所以JavaScript最好通过< script>元素的src属性来嵌入HTML文档里。
这种方法的优点:
1.可以把大块JavaScript代码从HTML文件中删除,这有助于保持内容和行为的分离,从而简化HTML文件。
2.如果多个Web页面公用相同的JavaScript代码,用src属性可以让你只管理一份代码,而不用在代码改变时编辑每个HTML文件。
3.如果一个JavaScript代码文件由多个页面共享,就只需要下载它一次,通过使用它的第一个页面——随后的页面可以从浏览器缓存检索它。
4.由于src属性的值可以是任意的URL,因此来自一个Web服务器的JavaScript程序或web页面可以使用由另一个web服务器输出的代码。很多互联网广告依赖于此。
5.从其他网站载入脚本的能力,可以让我们更好地利用缓存。
参考:《JAVASCRIPT权威指南》第13章。
相关文章推荐
- HTML文档插入JS代码的几种方法
- ExtJS4-布局系统详解
- Guzzle Unable to parse JSON data: JSON_ERROR_SYNTAX - Syntax error, malformed JSON
- JS判断输入的数值不能为小数
- Javascript之Dom学习
- 15位和18位身份证JS校验的简单实例
- js对字符串加密,解密
- ExtJS4-Ext.Direct
- JSP常用跳转方式
- js里对日期格式化。
- js 中关于立即执行函数的个人理解
- js方法进行邮箱验证代码,完美运行 正则表达式
- WEB开发者必备的7个JavaScript函数
- TDBXJSONStream(BERLIN新增)的使用
- 全面了解javascript中的错误处理机制
- JS动态改变form表单里的action值属性的方法
- ExtJS-服务器代理
- js中变量类型判断
- iOS开发-javaScript交互
- 初识javascript