javascript 事件綁定問題
更新時(shí)間：2011年01月01日 18:48:01 作者：
在子頁面(<iframe></iframe>)創(chuàng)建父級(jí)事件！當(dāng)子頁面(<iframe></iframe>)被銷毀！子頁面(<iframe></iframe>)創(chuàng)建父級(jí)事件也會(huì)被銷毀！
子頁面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'));
}
父級(jí)HTML:
<div id="kdks_panel"></div>
復(fù)制代碼 代碼如下:
<input type="checkbox" name="check" onclick="CheckedBox(this)" value="a" />
子頁面JS：
復(fù)制代碼 代碼如下:
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'));
}
父級(jí)HTML:
復(fù)制代碼 代碼如下:
<div id="kdks_panel"></div>
相關(guān)文章
javascript自定義startWith()和endWith()的兩種方法
js中自定義startWith()和endWith()方法有兩種，在本文將為大家詳細(xì)介紹下，感興趣的朋友不要錯(cuò)過2013-11-11
javascript作為前端常用的開發(fā)語言,越來越多的人都在學(xué)習(xí)它,下面這篇文章主要給大家介紹了關(guān)于如何使用JavaScript打造一個(gè)掃雷游戲的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-02-02
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)水平垂直滾動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
微信小程序仿朋友圈發(fā)布動(dòng)態(tài)功能
這篇文章主要介紹了微信小程序仿朋友圈發(fā)布動(dòng)態(tài)界面，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-07-07
使用TypeScript實(shí)現(xiàn)一個(gè)類型安全的EventBus示例詳解
EventBus是工作中常用的工具,本文用Typescript實(shí)現(xiàn)一個(gè)具備基礎(chǔ)功能且類型安全的EventBus，是我近期學(xué)習(xí)Typescript的知識(shí)總結(jié)，對(duì)TypeScript實(shí)現(xiàn)EventBus相關(guān)知識(shí)感興趣的朋友一起看看吧2022-06-06
本節(jié)實(shí)例給出一個(gè)獲取瀏覽器當(dāng)前窗口大小的方法。當(dāng)瀏覽器窗口大小變化時(shí)，顯示的值會(huì)隨時(shí)變化2011-12-12
在實(shí)際應(yīng)用中往往需要在頁面加載完畢之后再去執(zhí)行相關(guān)的js代碼，之所以這么操作是有道理的，如果是操作dom元素，如果相關(guān)元素沒有加載完成，而去執(zhí)行js代碼，可能會(huì)導(dǎo)致錯(cuò)誤2020-01-01
Canvas?drawImage方法實(shí)現(xiàn)圖片壓縮詳解
這篇文章主要為大家介紹了Canvas?drawImage方法實(shí)現(xiàn)圖片壓縮詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
這篇文章主要為大家詳細(xì)介紹了基于bootstrap按鈕式下拉菜單組件的搜索建議插件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
Dron右鍵菜單 v1.0...2006-10-10