js给html加载事件的几种常用方式

最新推荐文章于 2023-10-04 11:01:52 发布
最新推荐文章于 2023-10-04 11:01:52 发布
阅读量155 收藏
点赞数
文章标签： javascript ViewUI 
<html>

<head>

<title>三种加事件的方式</title>

<script language="javascript" type="text/javascript">
    
    window.οnlοad=function(){
        
        var arr = new Array(10);
        for(var i = 0; i < arr.length; i ++){
            arr[i]=i;
        }
        
        document.getElementById("but1").οnclick=function(){
            alert("ok");
        }    
        
        var butAdd2 = document.getElementById("but2");
        butAdd2.onclick = function(){
             alert("ok");
        }
          
    }
    
    function butEvent(){
        alert("ok")
    }
    
</script>
</head>

<body>

    <input type="button" value="测试1" id="but1"/>

    <input type="button" value="测试2" id="but2"/>
    
    <input type="button" value="测试3" id="but3" οnclick="butEvent()"/>
</body>

</html>


iteye_4537
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html 页面加载事件,页面加载事件--DOMContentLoaded
weixin_39621695的博客
06-05 2527
DOMContentLoaded 和 window.onload 的区别当页面完全加载完毕后会触发 window.onload 事件，我们知道可以利用 window.onload 事件来触发并执行需要页面完全加载完毕后才能执行的 javascript 脚本，但是假如页面包含很多样式文件、图片文件、子框架页面(iframe)的话，onload 事件也会被相应延迟到这些文件加载完成才执行，有时候并不是...
html事件中写js,JS—HTML5事件
weixin_35952534的博客
05-31 94
添加load事件，当页面加载完毕后，执行该事件。当右键单击时，触发contextmenu事件，由于该事件为鼠标事件，所以可以获得鼠标的位置信息。添加click事件，当鼠标单击其他地方时，隐藏该菜单。注意该事件冒泡beforeunload事件为了让开发人员有可能在页面卸载之前阻止这一操作。这个事件会在浏览器卸载页面之前触发(包括跳转页面以及刷新页面)，可以通过它来取消卸载并继续使用原有页面。Even...
jquery 中 $(document).ready() 与window.onload 的区别
llf046的专栏
10-08 1300
Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法，不过与window.onload方法还是有区别的。 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
网页加载有哪些事件
最新发布
qq_60893085的博客
10-04 1066
这些事件可以通过 JavaScript 监听，并在适当的时候执行相应的操作，以实现更好的用户体验和页面交互。不同的事件适用于不同的场景，开发者可以根据需求选择合适的事件来处理页面加载和用户交互。在网页加载过程中，浏览器触发多种事件，这些事件可以用来监控和控制页面的加载和交互。
详解a标签添加onclick事件的几种方式
10-17
本文将详细介绍在`<a>`标签上添加`onclick`事件的几种常见方法。 ### 方法1: 使用`javascript:js_method()` ```html <a href="javascript:js_method();" rel="external nofollow">点击我 ``` 这个方法直接将...
js实现延迟加载的几种方法详解
10-17
本文将详细解析三种常用的JavaScript延迟加载方法。 1. **`defer`属性** `defer`属性适用于外部JavaScript文件。当`defer`属性被设置时，浏览器会并行下载所有带`defer`属性的脚本，但不会阻塞DOM解析。这些脚本会...
浅谈Javascript事件处理程序的几种方式
10-28
本文主要探讨了JavaScript中处理事件的几种常见方式。 首先，HTML事件处理程序是最基础的方法，即在HTML元素中直接通过属性（如`onclick`）指定事件处理函数。例如： ```html ()" /> ``` 这种方法的优点在于简单...
Javascript中绑定click事件的四种方式介绍
12-04
总结来说，JavaScript中绑定`click`事件有以下几种常见方法： - `onclick`属性：适合简单的交互，但不推荐用于复杂项目。 - 直接赋值给`onclick`：适用于单个事件处理函数，分离了HTML和JavaScript。 - 匿名函数...
html的加载事件DOMContentLoaded和load
tym3515的博客
03-26 2804
页面加载方式解析HTML结构。加载并解析外部脚本。DOM树构建完成，执行脚本。//DOMInteractive –&gt; DOMContentLoaded加载图片、样式表文件等外部文件。页面加载完毕。//window.onload涉及到的事件window.onload: 当页面全部加载完成（包括所有资源）document.onload: 当整个html文档加载的时候就触发了，也就是在body元素...
页面加载事件Html,页面加载事件和元素加载事件的jQuery写法
weixin_32349093的博客
06-05 419
页面加载事件jQuery写法归类:$(document).ready(函数回调);$(函数回调);CODE————————————–>>>>>>>>>>>>>>$(document).ready(load);或$(document).ready(function(){});或$(function(){});Java...
html页面加载完成后会触发的事件_script 标签的加载机制 | 前端查漏补缺
weixin_39626690的博客
11-26 3900
前言 我们平时“搬砖”只关注业务代码，页面脚本现在都由 webpack 帮我们自动组装，可能会忽略页面 script 的一些细节。下面列了有关 script 标签的几个小问题，可以来自测下：script 标签放在 header 和 body 的区别？script 中的 defer、async 属性有什么作用？多脚本加载时间不同，会影响其执行顺序么？document.ready 和 win...
html动态加载内容的js事件
qq_25533907的博客
08-04 537
$(document).on('click', '#infoDiv ol li',         function () {            //详细处理         });
实现在html页面加载之后执行js方法
热门推荐
静水流深
12-21 4万+
浏览器对html页面内容的加载是顺序加载，也就是在html页面中前面先加载，因此当加载到JS脚本时，JS是一种解释性的脚本，也是从上而下顺序执行，由于这段JS代码是立即执行的。第一种方式是把方法写在head中(推荐)让它顺序执行的时候去执行。第二种方式是使用body的onload方法 第三种方式是使用$(document).ready() 引用 JQuery 中用得最多的要属工厂函数 $() 了
Form的Load事件如何添加
Abby同学思考的地方
11-29 2927
选中你要添加form_load事件的form，属性视图里找到闪电的那个图标，选择行为，双击load即可
js onload处理html页面加载之后的事件
10-31 443
html页面加载之后的事件如何处理，使用js中的window.onload便可轻松做到，需要的朋友可以了解下  代码如下: window.onload=function(){ alert("加载完毕") }
html页面加载完成后会触发的事件_JS事件、Bom对象和Dom对象
weixin_39740283的博客
11-29 4746
JS事件、Bom对象和Dom对象主要内容事件​ 事件 (Event) 是 JavaScript 应用跳动的心脏 ，进行交互，使网页动起来。当我们与浏览器中 Web 页面进行某些类型的交互时，事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。事件还可能是 Web 浏览器中发生的事情，比如说某个 Web 页面加载完成，或者是用户滚动窗口或改变窗口大小。​ 通过...
JavaScript -- window.load添加事件
wust_cyl的博客
11-09 2271
let addLoadEvent = function (func) { let oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function () {...
页面加载事件
sayoko06的博客
04-08 1691
1、$(function(){ 　　$("#a").click(function(){ 　　　　//adding your code here 　　}); }); 2、$(document).ready(function(){ 　　$("#a").click(function(){ 　　　　//adding your code here　　 　　}); }); ...
html怎么实现事件监听,js事件监听的几种方式
06-07
在 JavaScript 中，事件监听可以通过以下几种方式实现： 1. 通过元素的属性来添加事件监听函数，例如： ```javascript const button = document.querySelector('button'); button.onclick = function() { ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值