javascript 事件绑定问题
更新时间：2011年01月01日 18:48:01 作者：
在子页面(<iframe></iframe>)创建父级事件！当子页面(<iframe></iframe>)被销毁！子页面(<iframe></iframe>)创建父级事件也会被销毁！
子页面HTML：
<input type="checkbox" name="check" onclick="CheckedBox(this)" value="a" />
子页面JS：
function CreateIOC(text,value) {
var o = document.createElement("a");
o.id = value;
o.href = "#";
o.className = "c";
o.style.border = "2px solid red";
o.style.width = "250px";
o.style.height = "30px";
o.style.display = "block";
o.innerHTML = "<table><tr><td>" + text + "</td><td><img src='/JavaScripts/Data/close.gif' width='13' height='13'/></td></tr></table>";
o.setAttribute("onclick", "iocClick()");
return o;
}
function iocClick() {
alert('ok');
}
function CheckedBox(box) {
window.parent.document.getElementById("kdks_panel").appendChild(CreateIOC('1','2'));
}
父级HTML:
<div id="kdks_panel"></div>
复制代码 代码如下:
<input type="checkbox" name="check" onclick="CheckedBox(this)" value="a" />
子页面JS：
复制代码 代码如下:
function CreateIOC(text,value) {
var o = document.createElement("a");
o.id = value;
o.href = "#";
o.className = "c";
o.style.border = "2px solid red";
o.style.width = "250px";
o.style.height = "30px";
o.style.display = "block";
o.innerHTML = "<table><tr><td>" + text + "</td><td><img src='/JavaScripts/Data/close.gif' width='13' height='13'/></td></tr></table>";
o.setAttribute("onclick", "iocClick()");
return o;
}
function iocClick() {
alert('ok');
}
function CheckedBox(box) {
window.parent.document.getElementById("kdks_panel").appendChild(CreateIOC('1','2'));
}
父级HTML:
复制代码 代码如下:
<div id="kdks_panel"></div>
相关文章
这篇文章主要介绍了ES6 Symbol在对象中的作用,结合实例形式分析了ES6 Symbol在对象中声明、使用方法与相关注意事项,需要的朋友可以参考下2020-06-06
浅谈laytpl 模板空值显示null的解决方法及简单的js表达式
今天小编就为大家分享一篇浅谈laytpl 模板空值显示null的解决方法及简单的js表达式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
数独游戏非常流行,其规则就是1到9数字填入9*9宫格并要求每一行、每一列、每一个粗线(小型)宫内的数字不重复,对此我们来看一下JavaScript遍历求解数独问题的主要思路小结2016-06-06
在使用Echarts开发项目时,经常会遇到地图组件的开发,困扰许久的地图重叠问题,本文就来解决一下这个问题,感兴趣的可以了解一下2023-08-08
这篇文章主要介绍了微信小程序学习笔记之文件上传、下载操作,结合实例形式分析了微信小程序图片文件传输的原理、步骤及后台php操作相关实现技巧,并结合图文形式予以详细说明,需要的朋友可以参考下2019-03-03
这篇文章主要为大家详细介绍了bootstrap table实现合并单元格效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
这篇文章主要介绍了js中let能否完全替代IIFE，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了Javascript实现div层渐隐效果的方法,涉及javascript操作页面元素与样式变化的相关技巧,需要的朋友可以参考下2015-05-05
在javaScript项目开发中,异步编程是不可或缺的一部分,从网络请求到延时操作,异步操作使得我们能够在等待某个任务完成时继续执行其他任务,提高应用的响应性和性能,本文使用JavaScript实现一个异步队列来优雅地管理复杂的异步任务流,需要的朋友可以参考下2024-03-03
本文为大家介绍下JavaScript字符串的插入、删除、替换函数的在实际中的应用，想要学习的朋友可以参考下哈，希望对初学者有所帮助2013-07-07
最新评论