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>
相关文章
javascript自定义startWith()和endWith()的两种方法
js中自定义startWith()和endWith()方法有两种，在本文将为大家详细介绍下，感兴趣的朋友不要错过2013-11-11
javascript作为前端常用的开发语言,越来越多的人都在学习它,下面这篇文章主要给大家介绍了关于如何使用JavaScript打造一个扫雷游戏的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-02-02
这篇文章主要为大家详细介绍了微信小程序实现水平垂直滚动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-03-03
这篇文章主要介绍了微信小程序仿朋友圈发布动态界面，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-07-07
使用TypeScript实现一个类型安全的EventBus示例详解
EventBus是工作中常用的工具,本文用Typescript实现一个具备基础功能且类型安全的EventBus，是我近期学习Typescript的知识总结，对TypeScript实现EventBus相关知识感兴趣的朋友一起看看吧2022-06-06
本节实例给出一个获取浏览器当前窗口大小的方法。当浏览器窗口大小变化时，显示的值会随时变化2011-12-12
在实际应用中往往需要在页面加载完毕之后再去执行相关的js代码，之所以这么操作是有道理的，如果是操作dom元素，如果相关元素没有加载完成，而去执行js代码，可能会导致错误2020-01-01
这篇文章主要为大家介绍了Canvas drawImage方法实现图片压缩详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
这篇文章主要为大家详细介绍了基于bootstrap按钮式下拉菜单组件的搜索建议插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
Dron右键菜单 v1.0...2006-10-10
最新评论