javascript 事件綁定問題
更新時間：2011年01月01日 18:48:01 作者：
在子頁面(<iframe></iframe>)創(chuàng)建父級事件！當子頁面(<iframe></iframe>)被銷毀！子頁面(<iframe></iframe>)創(chuàng)建父級事件也會被銷毀！
子頁面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>
復(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'));
}
父級HTML:
復(fù)制代碼 代碼如下:
<div id="kdks_panel"></div>
相關(guān)文章
這篇文章主要介紹了ES6 Symbol在對象中的作用,結(jié)合實例形式分析了ES6 Symbol在對象中聲明、使用方法與相關(guān)注意事項,需要的朋友可以參考下2020-06-06
淺談laytpl 模板空值顯示null的解決方法及簡單的js表達式
今天小編就為大家分享一篇淺談laytpl 模板空值顯示null的解決方法及簡單的js表達式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript遍歷求解數(shù)獨問題的主要思路小結(jié)
數(shù)獨游戲非常流行,其規(guī)則就是1到9數(shù)字填入9*9宮格并要求每一行、每一列、每一個粗線(小型)宮內(nèi)的數(shù)字不重復(fù),對此我們來看一下JavaScript遍歷求解數(shù)獨問題的主要思路小結(jié)2016-06-06
在使用Echarts開發(fā)項目時,經(jīng)常會遇到地圖組件的開發(fā),困擾許久的地圖重疊問題,本文就來解決一下這個問題,感興趣的可以了解一下2023-08-08
這篇文章主要介紹了微信小程序?qū)W習筆記之文件上傳、下載操作,結(jié)合實例形式分析了微信小程序圖片文件傳輸?shù)脑?、步驟及后臺php操作相關(guān)實現(xiàn)技巧,并結(jié)合圖文形式予以詳細說明,需要的朋友可以參考下2019-03-03
bootstrap table實現(xiàn)合并單元格效果
這篇文章主要為大家詳細介紹了bootstrap table實現(xiàn)合并單元格效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
這篇文章主要介紹了js中l(wèi)et能否完全替代IIFE，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了Javascript實現(xiàn)div層漸隱效果的方法,涉及javascript操作頁面元素與樣式變化的相關(guān)技巧,需要的朋友可以參考下2015-05-05
使用TypeScript實現(xiàn)高效的異步隊列任務(wù)管理
在javaScript項目開發(fā)中,異步編程是不可或缺的一部分,從網(wǎng)絡(luò)請求到延時操作,異步操作使得我們能夠在等待某個任務(wù)完成時繼續(xù)執(zhí)行其他任務(wù),提高應(yīng)用的響應(yīng)性和性能,本文使用JavaScript實現(xiàn)一個異步隊列來優(yōu)雅地管理復(fù)雜的異步任務(wù)流,需要的朋友可以參考下2024-03-03
JavaScript字符串插入、刪除、替換函數(shù)使用示例
本文為大家介紹下JavaScript字符串的插入、刪除、替換函數(shù)的在實際中的應(yīng)用，想要學習的朋友可以參考下哈，希望對初學者有所幫助2013-07-07