给指定的iframe元素加事件主要js内容
$("#aiframe").on("load", function(event){//判断 iframe是否加载完成 这一步很重要
$("#kkk",this.contentDocument).click(function(){//添加点击事件
alert("就是这样");
});
});
案例如下
//a.html
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="kkk">不是这样</div>
<div>随便啦</div>
</body>
</html>
//index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf8" />
<title></title>
</head>
<body>
<iframe id="aiframe" src="./a.html"></iframe>
</body>
</html>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$("#aiframe").on("load", function(event){//判断 iframe是否加载完成 这一步很重要
$("#kkk",this.contentDocument).click(function(){//添加点击事件
alert("就是这样");
});
});
</script>
网友评论