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 相关文章推荐
script标签的 charset 属性使用说明
Dec 04 Javascript
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
Nov 14 Javascript
精心挑选的15款优秀jQuery 本特效插件和教程
Aug 06 Javascript
iScroll中事件点击触发两次解决方案
Mar 11 Javascript
从零学习node.js之mysql数据库的操作(五)
Feb 24 Javascript
详解Vue用axios发送post请求自动set cookie
May 10 Javascript
让微信小程序支持ES6中Promise特性的方法详解
Jun 13 Javascript
vue自定义全局组件(自定义插件)的用法
Jan 30 Javascript
Vue组件开发技巧总结
Mar 04 Javascript
VUE安装使用教程详解
Jun 03 Javascript
React实现阿里云OSS上传文件的示例
Aug 10 Javascript
JavaScript setTimeout()基本用法有哪些
Nov 04 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
基于mysql的论坛(2)
2006/10/09 PHP
mysql查找删除重复数据并只保留一条实例详解
2016/09/24 PHP
PHP 实现页面静态化的几种方法
2017/07/23 PHP
laravel + vue实现的数据统计绘图(今天、7天、30天数据)
2018/07/31 PHP
jQuery live
2009/05/15 Javascript
用Js实现的动态增加表格示例自己写的
2013/10/21 Javascript
js中arguments的用法(实例讲解)
2013/11/30 Javascript
Node.js文件操作详解
2014/08/16 Javascript
一个很有趣3D球状标签云兼容IE8
2014/08/22 Javascript
javascript数据类型示例分享
2015/01/19 Javascript
关于js里的this关键字的理解
2015/08/17 Javascript
jQuery+正则+文本框只能输入数字的实现方法
2016/10/07 Javascript
web 屏蔽BackSpace键实例代码
2016/12/24 Javascript
深入理解Angularjs向指令传递数据双向绑定机制
2016/12/31 Javascript
Javascript设计模式之装饰者模式详解篇
2017/01/17 Javascript
jquery.cookie.js的介绍与使用方法
2017/02/09 Javascript
JS实现复制功能
2017/03/01 Javascript
ES5学习教程之Array对象
2017/04/01 Javascript
解决JSON.stringify()自动将中文转译成unicode的问题
2018/01/05 Javascript
js实现一款简单踩白块小游戏(曾经很火)
2019/12/02 Javascript
详解详解Python中writelines()方法的使用
2015/05/25 Python
Python选课系统开发程序
2016/09/02 Python
python3实现磁盘空间监控
2018/06/21 Python
python使用suds调用webservice接口的方法
2019/01/03 Python
解决python脚本中error: unrecognized arguments: True错误
2020/04/20 Python
Python filter()及reduce()函数使用方法解析
2020/09/05 Python
what is the difference between ext2 and ext3
2015/08/25 面试题
售前工程师职业生涯规划
2014/03/02 职场文书
公司请假条范文
2014/04/11 职场文书
抗洪抢险事迹材料
2014/05/06 职场文书
先进员工获奖感言
2014/08/14 职场文书
群众路线查摆问题整改措施
2014/10/10 职场文书
新店开张宣传语
2015/07/13 职场文书
经典祝酒词大全
2015/08/12 职场文书
一篇文章学会Vue中间件管道
2021/06/20 Vue.js
JPA 通过Specification如何实现复杂查询
2021/11/23 Java/Android