原生js 页面加载时自动加载onclick函数

最新推荐文章于 2023-04-28 15:53:08 发布
最新推荐文章于 2023-04-28 15:53:08 发布
阅读量593 收藏
点赞数
分类专栏： Html 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Stu222223/article/details/118996133
版权
本文详细介绍了如何利用JavaScript的DOM加载事件，在页面完全加载后自动执行一个预先定义的onclick函数，避免了直接在HTML中使用onload或者在window.onload中绑定的繁琐步骤，提高了代码的可维护性和执行效率。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 <a href='javascript:void(0)' id="deltoggle" onclick="return func()"></a>

//页面加载时加载 func 
setTimeout(function() {
        var e = document.createEvent("MouseEvents");
        e.initEvent("click", true, true);
        document.getElementById("deltoggle").dispatchEvent(e);
    
}, 0);
JS 页面自动加载函数(兼容多浏览器)
12-01
测试通过: ie6 + opera + FF + chrome 代码如下:if (document.all) { window.attachEvent(‘onload’, arewrite); window.attachEvent(‘onload’, jsStock); } else { window.addEventListener(‘load’, arewrite, false); window.addEventListener(‘load’, jsStock, false); }
JavaScript判断页面加载完之后再执行预定函数的技巧
10-22
在进行前端开发时，确保JavaScript代码在页面加载完成后执行是非常常见的需求。页面加载包括了HTML文档、样式表、脚本、图片等多种资源的加载，只有在所有资源完全加载并解析完成后，页面才算真正加载完成。本文将...
JS 网页自动加载js函数
笔记
08-30 1354
1法:body 的onload的方法 2法:window.onload方法 window.onload=function(){ //alert('window'); 进入界面就加载该函数 randomPic(80,30); }
多浏览器兼容性问题及解决方案之Javascript篇
张峰的专栏
09-18 1102
 时间: 2009-9-02 - 分类: Html+CSS, JavaScript - 评论: 0 - 阅读: 70 次 CSS跟JavaScript开发中，最令大家头疼的问题就是浏览器兼容性了，虽然很多文章有这方面的文章，但依然让很多开发人员晕头转向，而且也不够全面。这篇文章，将全面收集css和javascript在各种浏览器下的兼容性报告，也期待各位不断补充。由于发觉内容收集越
JS实现自动加载
caichao001的专栏
02-20 471
function p2show(){         $('#p2').show();     };          function start(){             $("#p1").show();             setTimeout("p2show()",1000);     };          $(function(){         star
JS页面加载时候的自动加载函数的方法
qq_19891197的博客
08-26 3058
JS页面加载时候的自动加载函数的方法
JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
11-27
本文主要探讨了如何使用JavaScript来实现一个功能，即为页面中所有的`<img>`标签添加`onclick`事件，并在用户点击图片时，在新窗口中打开图片进行查看。这个功能对于提升用户体验，尤其是展示大量图片的网站来说，是...
原生js图片切换展示效果可手动或自动切换.zip
11-22
首先，"原生js图片切换展示效果"指的是不依赖于任何JavaScript库（如jQuery）或其他外部框架，直接使用JavaScript语言本身来完成图片的切换展示。这有助于提高网页加载速度，减少依赖，并且有助于开发者更深入地理解...
js动态添加的DIV中的onclick事件简单实例
10-21
这种方式简单直接，但不适用于动态添加的元素，因为它在页面加载时就已确定。 #### 动态添加元素后的事件绑定 对于动态添加的元素，我们通常使用JavaScript代码来设置其事件监听器。下面是使用原生JavaScript为...
使用webview加载本地html页面,并处理html页面中的javascript事件
04-10
并处理html页面中的javascript事件”探讨了如何利用WebView来加载本地HTML文件，并且如何处理HTML页面中的JavaScript事件，这对于创建混合型应用或实现特定功能（如在原生应用中展示动态内容）非常有用。 首先，...
js添加onclick时自动执行onclick的函数的解决办法
xiaokanshijie的博客
11-04 2099
自动生成按钮的操作，然后生成的动态id（json数据里面的值作为id）是不确定的，所以一般的监听获取id是没办法进行的，所以监听只能用onclick来实现，给按钮添加了方法和函数之后，发现初始化页面之后会自动点击所有的按钮， 源码： button.setAttribute("id", jo[i][key]); button.setAttribute("onclick",bottonName(jo[i][key] ); function bottonName(name){ // al...
JS中页面加载事件window.onload、onload()、document.onclick
xiaokangmiclong的博客
11-20 8958
当我们刷新页面的时候，有时需要页面自动加载一些事件来达到预期效果，现介绍下面三种方法Onload()、addLoadEvent()、document.onclick。 onload() 事件会在页面或图像加载完成后立即发生。注意是在页面或图像加载后才发生，所以当页面有很大数据量没加载完时，onload()事件不会发生。而addLoadEvent()会在页面刷新的时候发生，document.o
JavaScript 中的事件onload 加载完成事件-onclick 单击事件-onblur 失去焦点事件-onchange 内容发生改变事件-onsubmit 表单提交事件
weixin_45185519的博客
07-26 1103
什么是事件？事件是电脑输入设备与页面进行交互的响应。我们称之为事件。 常用的事件： onload 加载完成事件： 页面加载完成之后，常用于做页面 js 代码初始化操作 onclick 单击事件： 常用于按钮的点击响应操作。 onblur 失去焦点事件： 常用用于输入框失去焦点后验证其输入内容是否合法。 onchange 内容发生改变事件：常用于下拉列表和输入框内容发生改变后操作 onsubmit 表单提交事件： 常用于表单提交前，验证所有表单项是否合法。 事件的注册又 分为静态
js 自动调用函数
jimware的专栏
06-03 2529
setInterval(load(),2000);
页面打开自动触发onlick事件
weixin_30600197的博客
04-25 687
<script type="text/javascript"> // 两秒后模拟点击 setTimeout(function() { // IE if(document.all) { document.getElementById("clickMe").click(); } // 其它浏览器 else { var e = document.createE...
js绑定事件的时候页面加载时会自动执行问题
苗成的博客
05-24 6484
今天在工作的时候发现一个问题，定义的点击事件触发的函数在页面加载的时候就会自动执行。我的js代码是这样定义的： function clickPicToArt() { ....... } $("#imgId").click(clickPicToArt()); 后来找到了原因，就是在绑定的时候，出入的参数不能写为 xxxXxx() 的格式，应该直接传入xxxXxx；像我上边的例子，应该这么写 $
javaScript 页面自动加载事件
热门推荐
ABCJIECBA的专栏
10-10 2万+
方法1：  Window.onload=function(){    Var name=document.getElementById(“name”).val();//加载HTML，并且加载外部所有所有的引用文件（图片，css样式，js等） }   方法2：需要引入Jq
页面自动执行（加载）js的几种方法
lxw1844912514的博客
10-26 1497
https://www.cnblogs.com/2huos/p/js-autorun.html 一、JS方法1.最简单的调用方式，直接写到html的body标签里面： <html> <body onload="load();"> </body> </html> 2.在JS语句调用： ...
写一个加载远程js的函数,function loadJSFn(sucCb,failCb){}, 要考虑到低端浏览器的兼容性；
wsxc451的专栏
04-28 997
属性告诉浏览器在 HTML 解析完成后再执行脚本，这样可以保证脚本在正确的上下文中运行，并且不会影响页面的渲染。有些浏览器或环境可能不支持将脚本插入到头部（head）中，因此你可以尝试将脚本插入到 body 中。属性告诉浏览器可以异步加载该脚本，不会阻塞页面的加载和渲染；除了使用 addEventListener 方法处理。元素时，为了避免阻塞页面的渲染和响应，你可以添加。属性来处理这些事件。这种方式更加兼容旧版浏览器。事件外，你还可以使用 DOM 元素的。
原生JS实现的表格列表选择操作代码
2. 绑定事件监听器：通过为全选复选框添加`onclick`事件监听器，当用户点击全选/反选复选框时，会触发事件处理函数。 3. 实现全选/反选逻辑：在事件处理函数中，遍历所有行的复选框，将全选复选框的选中状态...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值