it技术指南:www.itedus.com
  • 信息订阅

IT指南

  • TNT五分钟问卷赢IPOD
  • 贝塔斯曼
  • 广告联盟
  • No pay, More gain!
  • 单价15元-网络广告平台
  • 注册阿里妈妈赚广告费
  • 首页
  • 新闻资讯
  • 网页制作
  • 软件使用
  • 操作系统
  • 软件编程
  • 网络编程
  • 图象处理
  • 网站欣赏
  • 数据库
  • 认证考试
  • 站长知识
正在浏览栏目导航:首页 > 网页制作 > Javascript >

完美解决一个事件激活多个函数

时间:2007-11-13 12:19:09   来源:it技术网  作者:it技术网

如果你的网页中一个“OnLoad”事件要激活两个以上的JavaScript函数,那怎么办呢?小阳曾查阅了不少资料,结果都不尽如人意,无非是程序员根据情况,把要激活的函数统一放在一个函数里激活。

  但作为一个程序员,编写的代码的适用性是很重要的。请看下面一个例子:

  

  运行后你会发现,它只跳出一个“这是JS脚本调用的函数”的警告框。< BODY>标签中要求激活的函数被“忽略”了。当然你可以运用前面提过的方法,把两个函数放一个函数里激活。但这样有不少弊端,特别是如果把这段JavaScript代码写成一个"myjs.js"文件,要用它的话直接加上< script language="JavaScript" src="myjs.js">< /script>即可,但如果还要在引用文件的页面中根据情况修改标签或者添加一段代码,多麻烦呀。这就降低了代码的适用性了。

  可不可以在编写JavaScript代码时就设计好,如果前面OnLoad事件已经有函数要激活,让它仍然激活前面的函数,但同时也激活本段代码所需要的函数?答案是肯定的。我们先看下这段代码:

  

  运行后其中一个警告框中提示:

  function anonymous()
  {
  alert("这是标签调用的函数")
  }

  发现什么了吗?“document.body.onload.toString()”就是上面这段函数代码!我们这段字符串作为代码的一部分运行,那么我们就多了一个函数“anonymous()”,于是将这个函数和我们现在需要激活的函数一起激活就行了!

  下面我们以第一次提到的代码为例进行修改,得到最终代码:

  

 

  上段代码中,变量myActive是JS代码中要激活的函数,eval(string)函数是把其字符串参数当作是JavaScript脚本来运行。我们把document.body.onload.toString()中的“anonymous()”替换为“bodyload()”,得到一个新函数“bodyload()”,它包含了所有原来要激活的函数,再把函数“bodyload()”和我们要激活的函数一起在OnLoad事件中激活。

  为什么要把“anonymous()”替换为“bodyload()”呢?因为这个方法适用于所有事件(例如OnMouseOver),而所有事件toString()都是得到“anonymous()”,为了不和其它事件也用了这个方法冲突,我们把它替换掉。在其它事件中也依此替换即可。

  好了,我们运行一下最终代码,如你所愿地两个函数都激活了吧?添加的代码也挺简单,有挺强的适用性。

转自:动态网制作指南 www.knowsky.com

关键字:完美
关闭此页
上一篇:Hello Velocity
下一篇:图片下拉选择器的制作

相关文章

     ·js控制excel打印完美解决方案  (2007-11-13 12:17:42)
     ·Linux系统下架设CS服务器的完美方法  (2007-09-09 22:43:00)
     ·打造完美Linux系统:疑难杂症的解决  (2007-09-09 22:42:30)
     ·性能的完美提升 细看VistaRC1五大改进  (2007-08-29 15:31:15)
     ·完美解决一个事件激活多个函数  (2007-08-25 23:49:51)
     ·完美解决一个事件激活多个函数(2)  (2007-08-25 23:49:48)
     ·js控制excel打印完美解决方案  (2007-08-25 23:49:35)
本栏目推荐

排行榜

  • 1十一、JSP及语法概要
  • 2十、会话状态
  • 3九、处理Cookie
  • 4javascript实例教程(8) 利用j
  • 5javascript实例教程(7) 利用j
  • 6javascript实例教程(6) 在一个表单
  • 7javascript实例教程(5) 利用j
  • 8javascript实例教程(3) 创建折叠式

最新信息

  • 十一、JSP及语法概要
  • 十、会话状态
  • 九、处理Cookie
  • javascript实例教程(8) 利用ja
  • javascript实例教程(7) 利用ja
  • javascript实例教程(6) 在一个表单
  • javascript实例教程(5) 利用ja
  • javascript实例教程(3) 创建折叠式
关于站点 - 广告服务 - 联系我们 - 返回顶部
Copyright © 2007 www.itedus.com . All rights reserved.QQ群:8814225
如果碰到相关技术问题可以联系我们,原创相关问题请与站长及时联系.鄂ICP备07005792号