动态给input生成onclick事件

最新推荐文章于 2023-12-15 17:25:12 发布

XingKong22star

最新推荐文章于 2023-12-15 17:25:12 发布

阅读量1.7k

点赞数

分类专栏： Front-End 文章标签： function js

本文链接：https://blog.csdn.net/xingkong22star/article/details/39346171

版权

Front-End 专栏收录该内容

55 篇文章 0 订阅

订阅专栏

需求是这样通过上面的杂志的种类，动态添加3个按钮的onclick事件跳转详细页面：

js代码如下：

function Img(){
			var json= eval($!jsonMag)
			var btn = document.getElementById("yuedu");
			  btn.onclick = function(){   
				  window.open('getMagzine_'+json[0].magId+'.html');
              };   		
			$(".img").each(function () {
				 $(this).attr({ src: '$!urlpath'+jsonObj[0].periodicalImg+''});
			});
		}

html添加事件加载图片时绑定事件：

	<body οnlοad="Img();">
		#parse("web/jsp/top.jsp") 
		#parse("web/jsp/head.jsp")
		#parse("web/jsp/main.jsp") 
		#parse("web/jsp/foot.jsp")
	
</body>

点击阅读通过动态链接跳转到杂志期刊页面：

效果如下