js动态往表格的td中添加图片并注册事件


Posted in Javascript onJune 12, 2014

这回的小case如题,额外还有一个,当点击图片时响应事件。代码如下:

<script type="text/javascript"> 
function onloadEvent(){ 
var _td = document.getElementById("a1"); 
var _img = document.createElement("img"); 
_img.setAttribute("id", "floatImage"); 
_img.setAttribute("src", "icon.png"); 
_img.setAttribute("onclick", "clickImage()"); 
_img.onclick = function(){ //点击时响应事件 
alert("点击"); 
//window.location = "http://baidu.com"; 跳转url 
}; 
_td.appendChild(_img); 
} 
</script>

在body中的onload事件调用上面这个函数就可以了。
Javascript 相关文章推荐
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
Sep 12 Javascript
js控制href内容的连接内容的变化示例
Apr 30 Javascript
jquery实现的点击翻书效果代码
Nov 04 Javascript
jquery动画效果学习笔记(8种效果)
Nov 13 Javascript
有关JavaScript中call()和apply() 的一些理解
May 20 Javascript
Jquery Easyui搜索框组件SearchBox使用详解(19)
Dec 17 Javascript
bootstrap提示标签、提示框实现代码
Dec 28 Javascript
Angular.Js之Scope作用域的学习教程
Apr 27 Javascript
浅谈react性能优化的方法
Sep 05 Javascript
layui的表单验证支持ajax判断用户名是否重复的实例
Sep 06 Javascript
uni-app 支持多端第三方地图定位的方法
Jan 03 Javascript
vue中路由跳转不计入history的操作
Sep 21 Javascript
jQuery中多个元素的Hover事件解决方案
Jun 12 #Javascript
js获取当前页面的url网址信息
Jun 12 #Javascript
jquery 3D 标签云示例代码
Jun 12 #Javascript
javascript面向对象特性代码实例
Jun 12 #Javascript
如何让浏览器支持jquery ajax load 前进、后退功能
Jun 12 #Javascript
js创建一个input数组并绑定click事件的方法
Jun 12 #Javascript
javascript实现阻止iOS APP中的链接打开Safari浏览器
Jun 12 #Javascript
You might like
PHP setcookie指定domain参数后,在IE下设置cookie失效的解决方法
2011/09/09 PHP
php中get_headers函数的作用及用法的详细介绍
2013/04/27 PHP
PHP获取数组最后一个值的2种方法
2015/01/21 PHP
php实现encode64编码类实例
2015/03/24 PHP
yii2.0实现pathinfo的形式访问的配置方法
2016/04/06 PHP
Zend Framework入门应用实例详解
2016/12/11 PHP
php设计模式之观察者模式定义与用法经典示例
2019/09/19 PHP
Laravel框架实现文件上传的方法分析
2019/09/29 PHP
JQERY limittext 插件0.2版(长内容限制显示)
2010/08/27 Javascript
同域jQuery(跨)iframe操作DOM(实例讲解)
2013/12/19 Javascript
jquery实现加载进度条提示效果
2015/11/23 Javascript
JavaScript 正则表达式中global模式的特性
2016/02/25 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
2016/11/01 Javascript
easyui中combotree循环获取父节点至根节点并输出路径实现方法
2016/11/10 Javascript
Canvas实现动态的雪花效果
2017/02/13 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
2017/02/27 Javascript
使用Node.js实现RESTful API的示例
2017/08/01 Javascript
深入理解Vue 组件之间传值
2018/08/16 Javascript
解决vue.js this.$router.push无效的问题
2018/09/03 Javascript
详解Node.js中path模块的resolve()和join()方法的区别
2018/10/29 Javascript
TypeScript高级用法的知识点汇总
2019/12/17 Javascript
[11:12]2018DOTA2国际邀请赛寻真——绿色长城OpTic
2018/08/10 DOTA
Python的SQLAlchemy框架使用入门
2015/04/29 Python
Python 数据结构之堆栈实例代码
2017/01/22 Python
Odoo中如何生成唯一不重复的序列号详解
2018/02/10 Python
Java编程迭代地删除文件夹及其下的所有文件实例
2018/02/10 Python
python的格式化输出(format,%)实例详解
2018/06/01 Python
Python3 获取一大段文本之间两个关键字之间的内容方法
2018/10/11 Python
Python根据文件名批量转移图片的方法
2018/10/21 Python
如何验证python安装成功
2020/07/06 Python
Python 如何查找特定类型文件
2020/08/17 Python
中国高端鲜花第一品牌:roseonly(一生只送一人)
2017/02/12 全球购物
消防安全责任书范本
2014/04/15 职场文书
会计岗位说明书
2014/07/29 职场文书
高中国旗下的演讲稿
2014/08/28 职场文书
学习十八大的心得体会
2014/09/01 职场文书