微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

JS中动态添加事件(绑定事件)的代码_javascript技巧

php中文网
发布： 2016-05-16 18:12:18
原创
1131人浏览过

两种方式：直接给对象添加事件,节点添加事件
例如给一个id为tab1的添加onclick事件
第一种情况：

代码小浣熊
代码小浣熊

代码小浣熊是基于商汤大语言模型的软件智能研发助手，覆盖软件需求分析、架构设计、代码编写、软件测试等环节

代码小浣熊 51
查看详情 代码小浣熊
复制代码 代码如下:

var t = document.getElementById("tab1");
t.onclick = function tst(){
alert('');
}

第二种情况
复制代码 代码如下:

var tb = document.getElementById("tab1");
if(window.addEventListener){ // Mozilla, Netscape, Firefox
td_value.addEventListener('click', alert('11'), false);
td_value.addEventListener('click', alert('12'), false);
} else { // IE
td_value.attachEvent('onclick', function(){alert('21');});
td_value.attachEvent('onclick', function(){alert('2'2);});
}

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：Jquery跨域获得Json时invalid label错误的解决办法_jquery 下一篇：JS无限树状列表实现代码_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
JS函数如何定义函数错误处理_JS函数错误处理定义与try catch使用技巧 使用try-catch捕获同步错误，通过throw主动抛出异常，结合async/await或.catch()处理异步错误，finally用于资源清理，确保函数健壮性。
2025-11-16 22:32:55
803
JS本地存储怎么操作_JS localStorage与sessionStorage使用教程 localStorage持久存储，sessionStorage仅限会话；两者均用setItem、getItem等方法操作，配合JSON处理对象，注意安全与异常。
2025-11-16 22:31:02
541
JS错误处理机制_TryCatch实战技巧 答案：本文介绍JavaScript中try...catch的使用场景与优化技巧，涵盖基本结构、异步错误捕获、错误类型识别及finally资源清理，强调合理处理异常以提升程序稳定性。
2025-11-16 22:28:03
980
优化JavaScript事件处理：事件委托与状态跟踪实现动态变量赋值 本教程旨在解决JavaScript中为多个相似元素重复编写事件处理函数的低效问题。通过引入事件委托机制，结合CSS类进行视觉状态管理，并利用数组高效地跟踪元素点击状态，避免了创建大量独立变量，从而优化代码结构，提高性能和可维护性。
2025-11-16 22:24:01
544
Next.js多域名Sitemap生成策略：整合静态与动态路由 本文详细阐述了在Next.js项目中，如何为多语言、多域名站点统一生成Sitemap。针对CMS动态页面和/pages目录下的静态页面，我们提出了一种基于服务器端渲染（SSR）的集中式生成策略，通过getServerSideProps函数整合所有路由信息，并确保正确处理域名映射与国际化（alternateRefs），从而优化搜索引擎索引效率。
2025-11-16 22:23:13
372
JS跨域解决方案_CORS与JSONP详解 跨域问题由浏览器同源策略引发，CORS和JSONP是两种主要解决方案。1.CORS通过服务端设置Access-Control-Allow-Origin等响应头，允许浏览器接收跨域请求，支持所有HTTP方法，分简单请求和预检请求处理，前端无需特殊配置。2.JSONP利用script标签不受同源限制的特性，通过回调函数获取数据，仅支持GET请求，需服务端返回JS代码执行回调，兼容性好但安全性低。3.推荐优先使用CORS，因其更安全灵活；JSONP可作为不支持CORS时的降级方案，适用于无法修改服务端
2025-11-16 22:22:47
234
JS中call, apply, bind的区别与使用场景_javascript核心 call和apply立即执行函数并改变this指向，区别在于参数传递方式；bind返回绑定this的新函数，不立即执行。
2025-11-16 22:18:06
411
JS沙箱环境_代码隔离实现方案 JS沙箱通过代码隔离保护宿主环境，主要实现方式包括：1.函数作用域与with语句限制变量访问，适用于简单场景但性能较差；2.Proxy代理全局对象，拦截读写操作以防止污染，支持权限控制；3.iframe提供完全隔离的执行环境，结合sandbox属性和postMessage实现安全运行与通信；4.AST转换在执行前分析代码，检测并移除eval等危险操作。实际应用中常组合多种技术，如iframe隔离配合Proxy与AST校验，依据安全需求选择合适策略。
2025-11-16 22:17:58
520
js中join() 方法和split() 方法区别 join()是数组方法，将数组元素用指定分隔符连接成字符串，默认逗号分隔，不修改原数组；split()是字符串方法，按分隔符将字符串拆分为数组，分隔符可为字符、字符串或正则，返回新数组。两者功能相反，数据类型与返回值不同，常用于数据转换与文本处理。
2025-11-16 22:14:02
454
js执行上下文是什么意思 JavaScript执行上下文是代码运行的环境，分为全局、函数和eval三种类型；创建时经历确定this、变量提升和作用域链构建阶段，通过执行上下文栈管理调用顺序，理解它有助于掌握变量提升、作用域与闭包等核心机制。
2025-11-16 22:04:02
948
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部