open 动态修改img的onclick事件示例代码

 更新时间:2013年11月13日 17:27:16   作者:  
动态修改img的onclick事件,使用open也可轻松做到,下面有个不错的示例,需要的朋友可以参考下
复制代码 代码如下:

var imgsrc = document.getElementById("imgsrc").getElementsByTagName('img');
imgsrc[0].style.cursor="hand";
imgsrc[0].onclick = new Function( "openArticle('/RssCommServlet?catalogid=29')");
imgsrc[1].style.cursor="hand";
imgsrc[1].onclick = new Function( "openArticle('/RssCommServlet?catalogid=30')");
imgsrc[2].style.cursor="hand";
imgsrc[2].onclick = new Function( "openArticle('/RssCommServlet?catalogid=31')");

<!--
function openArticle(url)
{
if(url=='')
return;
var option = "";
window.open(url,'',option);
}
var isDOM = (document.getElementById ? true : false);
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
function getRef(id)
{
if (isDOM) return document.getElementById(id);
if (isIE4) return document.all[id];
if (isNS4) return document.layers[id];
}
function openNotice(url,winOption)
{
if(url=='')
return;
window.open(url,'',winOption);
}
function openWin(url,left,top,width,height)
{
if(url=='')
return;
var winOption = "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width="+width+",height="+height+",left="+left+",top="+top;
window.open(url,'',winOption);
return;
}
function openWin(url,left,top,width,height,resizable)
{
if(url=='')
return;
var winOption = "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable="+resizable+",width="+width+",height="+height+",left="+left+",top="+top;
window.open(url,'',winOption);
return;
}
//-->

相关文章

  • 二叉树先序遍历的非递归算法具体实现

    二叉树先序遍历的非递归算法具体实现

    这篇文章主要介绍了二叉树先序遍历的非递归算法,有需要的朋友可以参考一下
    2014-01-01
  • innerHTML中标签可以换行的方法汇总

    innerHTML中标签可以换行的方法汇总

    本文给大家分享的是一个在javascript中使用innerhtml输出的时候如何实现换行的小技巧,其实很简单,在需要换行的地方加上\即可
    2015-08-08
  • 使用JS监听键盘按下事件(keydown event)

    使用JS监听键盘按下事件(keydown event)

    这篇文章主要介绍了使用JS监听键盘按下事件(keydown event),本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-11-11
  • JS中如何实现复选框全选功能

    JS中如何实现复选框全选功能

    本文通过实例代码给大家介绍了js中实现复选框全选功能,代码简单易懂,非常不错,需要的朋友参考下
    2016-12-12
  • JavaScript折半查找(二分查找)算法原理与实现方法示例

    JavaScript折半查找(二分查找)算法原理与实现方法示例

    这篇文章主要介绍了JavaScript折半查找(二分查找)算法原理与实现方法,结合具体问题描述了折半查找算法的原理、实现方法及相关操作注意事项,需要的朋友可以参考下
    2018-08-08
  • 浅谈JS和Nodejs中的事件驱动

    浅谈JS和Nodejs中的事件驱动

    这篇文章主要介绍了JS和Nodejs中的事件驱动,对事件驱动感兴趣的同学,可以参考下
    2021-05-05
  • uniapp微信小程序订阅消息发送服务通知超详细教程

    uniapp微信小程序订阅消息发送服务通知超详细教程

    在使用或开发小程序过程中,我们会发现消息通知是非常重要的一个环节,下面这篇文章主要给大家介绍了关于uniapp微信小程序订阅消息发送服务通知的相关资料,需要的朋友可以参考下
    2023-06-06
  • js插件实现图片滑动验证码

    js插件实现图片滑动验证码

    这篇文章主要为大家详细介绍了js插件实现图片滑动验证码,滑动模块,实现验证功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • 使用 JavaScript 进行函数式编程 (一) 翻译

    使用 JavaScript 进行函数式编程 (一) 翻译

    本文是函数式编程系列的第一篇文章。这里我会简要介绍一下编程范式,然后会直接介绍使用 Javascript 进行函数式编程的概念,因为 JavsScript 是最被认可的函数式程序语言之一。我们鼓励读者通过参考资料部分进一步了解这一迷人的概念
    2015-10-10
  • js实现跨域的多种方法

    js实现跨域的多种方法

    这篇文章主要介绍了js实现跨域的多种方法,主要介绍了js实现跨域的5种方法,感兴趣的小伙伴们可以参考一下
    2015-12-12

最新评论