HTML中动态图片的onclick事件参数传递

来源：互联网发布：windows全部历代系统编辑：程序博客网时间：2024/05/20 08:25

需要在信息窗口的小图中，加上点击后，显示大图的功能。

首先尝试的是超链接的方式，<a href,但效果不好，因为直接在当前窗口显示了，而我希望的是在另一个窗口。

onclick方法肯定是可以的，起初代码是这样，因为要传递图片文件的地址过去：

var template = '<div style="margin:0;line-height:20px;padding:2px;"><img src="' + this._opts.img + '" alt="点击查看原图" onclick="ShowPic("'+ this._opts.img + '")" style="float:right;zoom:1;overflow:hidden;width:300px;height:300px;margin-left:3px;">';

可是老提示出错，那么，去掉参数的引号试试？还是不行。

看来是onclick里面是无法带参数了。不带也行，只要ShowPic方法能找到那个文件地址就行

于是，增加设置了一个变量：

var curPicFileName; //当前信息窗口图片的路径

再在创建template后给其赋值：

curPicFileName=this._opts.img;

ShowPic方法也改成：

    function ShowPic() {
       window.external.ShowPic(curPicFileName)
   }

运行，调试通过

0 0