分离式JavaScript
来源:互联网 发布:室内在线设计软件 编辑:程序博客网 时间:2024/05/16 07:34
大多数脚本都存储在后缀名为.js的外部文件,通过<script>
标签与网页关联起来,然而,有些JavaScript仍然需要插在标记中。
有时通过给链接附上”javascript:伪协议”这样的指令来触发JavaScript函数,比如:
<a href="javascript:doSomething();">Click me!<a/>
这不是一个真正的因特网协议(比如http://或ftp://),它只支持JavaScript。如果JavaScript被禁用了。好的结果是,什么都不发生;会的结果是,浏览器会报错。
更常见的做法是用事件处理函数的某些属性(比如onclick)调用JavaScript函数。大多数情况下,这些事件处理函数与某个无关的内部链接相关联:
<a href="#" onclick="doSomething();return false;">Click me!</a>
它比用javascript:伪协议要好一些,但是这也属于对href属性的滥用。如果JavaScript被禁用了,用户则被连接到当前文档的顶部。
<a href="#" onclick="doSomrthing();return false;">Click me!</a>
href属性应该指向一个真实存在的资源。这样一来,在JavaScript被禁用后,也会有条退路:
<a href="page.html" onclick="doSomrthing();return false;">Click me!</a>
上面的方法考虑到了”禁用JavaScript”的情况,这是与javascript:伪协议的在主要区别,但是,它仍然把调用JavaScript函数的语句嵌在了事件处理函数中。
你无须通过嵌入式的事件处理函数触发JavaScript函数,可通过DOM脚本编程把事件与函数关联起来。
var links = document.getElementsByTagName("a");for(var i=0; i<links.length;i++){ links[i].onclick = function(){ doSomething(); return false; }}
参考:Bulletproof Ajax中文版
0 0
- 分离式JavaScript
- javascript代码分离
- Javascript 预留退路 Javascript分离
- javascript进阶——分离式DOM脚本编程
- Javascript 与 HTML的分离
- 模板与页面分离--javascript
- HTML、css、JavaScript 代码分离
- 浅谈javascript DOM编程之分离javascript
- javascript正则表达式分离字符串空格
- 也谈分离JavaScript和HTML
- Javascript : 逻辑和代码的分离
- 也谈分离JavaScript和HTML
- javascript代码与html分离进阶
- javascript 代码如何写才好【分离篇】
- 也谈分离JavaScript和HTML
- 也谈分离JavaScript和HTML(转)
- 实现Javascript/css与HTML的分离
- Javascript二:如何实现Javascript/css与HTML的分离
- winform 创建自定义控件
- 2.DB-Mysql++实例
- Java abstract抽象类与匿名内部类
- 学习iOS,你能迎娶到白富美吗?
- Pots(POJ_3414)
- 分离式JavaScript
- 安全密码(2013中南大学研究生复试上机题)
- android oom 全解析
- iOS URL Scheme
- web服务器
- SEO外链专员操作规范
- Leetcode: Invert Binary Tree
- 超长正整数的相加
- [php] smarty模板引擎