javascript 事件绑定问题


Posted in Javascript onJanuary 01, 2011

子页面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>
Javascript 相关文章推荐
jQuery中html()方法用法实例
Dec 25 Javascript
js实现类似菜单风格的TAB选项卡效果代码
Aug 28 Javascript
通过JS获取Request.QueryString()参数的值实现方法
Sep 27 Javascript
微信小程序使用checkbox显示多项选择框功能【附源码下载】
Dec 11 Javascript
JS中用EL表达式获取上下文参数值的方法
Mar 28 Javascript
详解vuex结合localstorage动态监听storage的变化
May 03 Javascript
vue路由拦截及页面跳转的设置方法
May 24 Javascript
优雅的elementUI table单元格可编辑实现方法详解
Dec 23 Javascript
js实现双色球效果
Aug 02 Javascript
js数组中去除重复值的几种方法
Aug 03 Javascript
利用node.js开发cli的完整步骤
Dec 29 Javascript
微信小程序基础教程之echart的使用
Jun 01 Javascript
javascript跨域刷新实现代码
Jan 01 #Javascript
extjs中grid中嵌入动态combobox的应用
Jan 01 #Javascript
js注意img图片的onerror事件的分析
Jan 01 #Javascript
JavaScript 计算图片加载数量的代码
Jan 01 #Javascript
jQuery jqgrid 对含特殊字符json 数据的 Java 处理方法
Jan 01 #Javascript
基于jQuery架构javascript基础体系
Jan 01 #Javascript
jQuery技巧总结
Jan 01 #Javascript
You might like
Views rows style模板重写代码
2011/05/16 PHP
php中in_array函数用法分析
2014/11/15 PHP
PHP中基本HTTP认证技巧分析
2015/03/16 PHP
JSON用法之将PHP数组转JS数组,JS如何接收PHP数组
2015/10/08 PHP
PHP上传图片到数据库并显示的实例代码
2019/12/20 PHP
thinkphp5.1 框架钩子和行为用法实例分析
2020/05/25 PHP
extjs form textfield的隐藏方法
2008/12/29 Javascript
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
2010/03/04 Javascript
在页面中js获取光标/鼠标的坐标及光标的像素坐标
2013/11/11 Javascript
页面加载完毕后滚动条自动滚动一定位置
2014/02/20 Javascript
BAT及各大互联网公司2014前端笔试面试题--JavaScript篇
2014/10/29 Javascript
node.js中的console.time方法使用说明
2014/12/09 Javascript
JavaScript中的console.log()函数详细介绍
2014/12/29 Javascript
js动态创建及移除div的方法
2015/06/03 Javascript
基于dropdown.js实现的两款美观大气的二级导航菜单
2015/09/02 Javascript
jQuery实现弹出窗口弹出div层的实例代码
2017/01/09 Javascript
AngularJS日程表案例详解
2017/08/15 Javascript
基于vue2实现上拉加载功能
2017/11/28 Javascript
Angular使用cli生成自定义文件、组件的方法
2018/09/04 Javascript
这应该是最详细的响应式系统讲解了
2019/07/22 Javascript
javascript实现超好看的3D烟花特效
2020/01/01 Javascript
Websocket 向指定用户发消息的方法
2020/01/09 Javascript
vue组件中实现嵌套子组件案例
2020/08/31 Javascript
初步认识Python中的列表与位运算符
2015/10/12 Python
python 将日期戳(五位数时间)转换为标准时间
2019/07/11 Python
django 利用Q对象与F对象进行查询的实现
2020/05/15 Python
html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
2013/01/09 HTML / CSS
摄影实习自我鉴定
2013/09/20 职场文书
行政专员工作职责
2013/12/22 职场文书
最新个人职业生涯规划书
2014/01/22 职场文书
《邮票齿孔的故事》教学反思
2014/02/22 职场文书
政风行风自查自纠报告
2014/10/21 职场文书
工程合作意向书范本
2015/05/09 职场文书
民事纠纷协议书
2016/03/23 职场文书
导游词之无锡东林书院
2019/12/11 职场文书
Vue实现导入Excel功能步骤详解
2021/07/03 Vue.js