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关于页面焦点的定位(文本框获取焦点时改变样式 )
Sep 10 Javascript
js动画(animate)简单引擎代码示例
Dec 04 Javascript
javascript实现存储hmtl字符串示例
Apr 25 Javascript
node.js中格式化数字增加千位符的几种方法
Jul 03 Javascript
JS实现网页每隔3秒弹出一次对话框的方法
Nov 09 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
Jul 20 Javascript
原生js封装的ajax方法示例
Aug 02 Javascript
vue做移动端适配最佳解决方案(亲测有效)
Sep 04 Javascript
微信小程序授权登录及解密unionId出错的方法
Sep 26 Javascript
BootStrap table实现表格行拖拽效果
Dec 01 Javascript
编写更好的JavaScript条件式和匹配条件的技巧(小结)
Jun 27 Javascript
Vue 设置axios请求格式为form-data的操作步骤
Oct 29 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 递归效率分析
2009/11/24 PHP
Zend Studio (eclipse)使用速度优化方法
2011/03/23 PHP
php设计模式 Singleton(单例模式)
2011/06/26 PHP
php加密解密函数authcode的用法详细解析
2013/10/28 PHP
Smarty高级应用之缓存操作技巧分析
2016/05/14 PHP
一次因composer错误使用引发的问题与解决
2019/03/06 PHP
window.open的页面如何刷新(父页面)上层页面
2012/12/28 Javascript
js如何获取file控件的完整路径具体实现代码
2013/05/15 Javascript
jquery iframe操作详细解析
2013/11/20 Javascript
JS获取html对象的几种方式介绍
2013/12/05 Javascript
javascript表单验证和Window详解
2014/12/11 Javascript
nodejs简单实现操作arduino
2016/09/25 NodeJs
BootStrap Datetimepicker 汉化的实现代码
2017/02/10 Javascript
微信小程序button组件使用详解
2018/01/31 Javascript
JS+H5 Canvas实现时钟效果
2018/07/20 Javascript
js设置鼠标悬停改变背景色实现详解
2019/06/26 Javascript
VUE前后端学习tab写法实例
2019/08/06 Javascript
vue中音频wavesurfer.js的使用方法
2020/02/20 Vue.js
详解webpack-dev-middleware 源码解读
2020/03/23 Javascript
使用nodejs实现JSON文件自动转Excel的工具(推荐)
2020/06/24 NodeJs
基于vue.js仿淘宝收货地址并设置默认地址的案例分析
2020/08/20 Javascript
[01:19:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第二局
2016/03/05 DOTA
在Python程序中操作文件之isatty()方法的使用教程
2015/05/24 Python
Python实现PS图像调整之对比度调整功能示例
2018/01/26 Python
基于Python 装饰器装饰类中的方法实例
2018/04/21 Python
python utc datetime转换为时间戳的方法
2019/01/15 Python
Django  ORM 练习题及答案
2019/07/19 Python
基于python实现自动化办公学习笔记(CSV、word、Excel、PPT)
2019/08/06 Python
python实现爬虫抓取小说功能示例【抓取金庸小说】
2019/08/09 Python
在pycharm中使用matplotlib.pyplot 绘图时报错的解决
2020/06/01 Python
细说CSS3中box属性中的overflow-x属性和overflow-y属性值的效果
2014/07/21 HTML / CSS
专科毕业生自我鉴定
2013/12/01 职场文书
法律专业学生的自我评价
2014/02/07 职场文书
吨的认识教学反思
2014/04/27 职场文书
艺术教育实施方案
2014/05/03 职场文书
小学教师个人总结
2015/02/05 职场文书