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

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

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

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

        var template = '<div style="margin:0;line-height:20px;padding:2px;"><img src="' + this._opts.img + '" alt="点击查看原图"  οnclick="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)
    }

运行，调试通过