JS_实现页面加载完再运行JS代码

最新推荐文章于 2023-11-11 14:00:00 发布
最新推荐文章于 2023-11-11 14:00:00 发布
阅读量861 收藏 1
点赞数
分类专栏： javascript 文章标签： js 加载

先介绍下两面两种方法： 
1
在body中用onload:
<body οnlοad="myfunction()">
2
在脚本中用window.onload:
<script type="text/javascript">
function myfun()
{
    alert("this window.onload");
}
/*用window.onload调用myfun()*/
window.οnlοad=myfun;//不要括号
</script>
下面这种应该是最优吧，我是新发现的，与大家分享下！
<script type="text/javascript">
		document.onreadystatechange = function(){ 
		if(document.readyState=="complete") 
		    {
		alert('加载完毕'); 
		    
                    } 
		
                 }	
	
</script>
另：
加上 defer 等于在页面完全在入后再执行，相当于 window.onload ，但应用上比 window.onload 更灵活
  
  

   
   复制代码 代码如下:
  
  

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html xmlns=" http://www.w3.org/1999/xhtml">
< head>
< meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
< title>无标题文档</title>
< /head>
< body>
< script  defer="defer">
 alert("页面加载完我才执行的")
< /script>
先看到这段话  然后再执行上面的 JS  如果去掉上面的 defer="defer" 那么会先执行JS  在看到这段话
</body>
< /html>

jefferDevs
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
刷新页面后让控制台的js代码继续执行
12-13
在各种限时，秒杀活动中，有个自动循环的点击的工具是很重要的。 为了方便起见，我们把Js代码放在浏览器的控制台执行，但是刷新页面后，js代码就清空了，也就无法执行。 可以用js代码实现一个不受页面刷新影响不断执行的代码，如下： 1. 必要的知识 prompt() 弹出对话框，获取用户输入的文本 setTimeout(,) 延迟执行函数 write() 可向指定对象写入html代码或者js代码 with() 设定代码的作用域 2.大致框架 var timeout = prompt("设置刷新时间"); current = location.href; if(timeout > 0) { 　　s
页面加载后执行js的方法
aotebiaoge的博客
03-03 287
js方法： jQuery方法： jQuery方法简写： $(function(){ var userName=“xiaoming”; alert(userName); }); 二种方法的区别： window.onload： 当一个文档完全下载到浏览器中时，才会触发window.onload事件。这意味着页面上的全部元素对js而言都是可以操作的，也就是说页面上的所有元素加载完毕才会执行。这种...
页面加载完成后执行JS的方式
最新发布
qq_31594665的博客
11-11 1947
【代码】页面加载完成后执行JS的方式。
通用domReady方法，类似于jquery
summer7310的专栏
10-04 729
function myReady(fn){     //对于现代浏览器，对DOMContentLoaded事件的处理采用标准的事件绑定方式     if ( document.addEventListener ) {         document.addEventListener("DOMContentLoaded", fn, false);     } else {    
JS在页面加载之后运行
weixin_30662539的博客
02-13 195
通用的页面加载后再运行JS有两种方式：1、在DOM加载完毕后，页面全部内容（如图片等）完全加载完毕前运行JS。 2、在页面全部内容加载完成（包括引用文件，图片等）之后再加载JS 1、在DOM加载后，全部内容加载前运行 这种方式在同一文件中可以运行多个且不会覆盖。 由于在$(document).ready()方法只要DOM就绪就会被执行，因此可能此时元素的关联文件未下载完。例如与...
两种方法实现在HTML页面加载完毕后运行某个js
10-25
本文将介绍两种方法来实现在HTML页面加载完成后运行JavaScript代码。 首先，我们来看传统的JavaScript方法，使用`window.onload`事件。这个事件在浏览器完成加载整个页面，包括所有资源（如图片、脚本、样式表等）...
JavaScript判断页面加载完之后再执行预定函数的技巧
11-26
本文将探讨如何在JavaScript中判断页面加载完成后执行预定的函数，以及使用监听器和`window.onload`事件来实现这一目标。 首先，传统的做法是在HTML元素中直接内联JavaScript，如通过`onclick`属性触发函数。例如：...
JS实现文档加载完成后执行代码
10-23
这样，只有当所有资源加载完毕，回调函数才会执行，从而确保了我们的JavaScript代码能够正确地作用于预期的DOM元素。 改进后的代码如下： ```html <!DOCTYPE html> 我们 div { width: 200px; height: ...
多种方法实现当jsp页面完全加载完成后执行一个js函数
10-26
在网页开发中，有时我们需要确保页面完全加载后再执行某些JavaScript函数，这有助于保证操作的正确性和用户体验。在JSP页面中，实现这个需求有多种方式。以下将详细讲解标题和描述中提到的几种常见方法： 1. **使用...
js页面加载完执行事件，亲测有用
Rockandrollman的博客
12-02 634
<script type="text/javascript" language="JavaScript"> //: 判断网页是否加载完成 document.onreadystatechange = function () { if(document.readyState=="complete") { ..
js中页面加载完成后执行的几种方法及顺序
Yimi_7809的博客
10-12 641
1：使用jQuery的$(function){}; 2：使用jquery的$(document).ready(function(){});前两者本质上没有区别，第1种是第2种的简写方式。两个是document加载完成后就执行方法。 3：使用jQuery的$(window).load(function(){}); 4:使用window.onload = function(){} 第3种和第4种都是等到整个window加载完成执行方法体。两者也没有区别，只是一个使用dom对象，一个使用jQuery对象。 5：在
js中页面加载完成后执行的几种方式及执行顺序
彭世瑜的博客
02-05 1717
执行顺序由先到后 1、document加载完成后就执行 $(document).ready(function(){}); // 简写 $(function){} 2、整个window加载完成执行 $(window).load(function(){}); window.onload = function(){} 3、等待body加载完成 <body onload="aaa()"&gt...
页面加载完成后执行JS的5种方式
黑黑巴扎黑的博客
08-09 429
https://blog.csdn.net/ALEX_wxy/article/details/83894176
在页面完全加载后 执行JS
青牛的JAVA小窝
09-03 136
结合&lt;body onload="xx()"&gt; 与 &lt;script defer="defer"&gt; xx(); &lt;/script&gt; 则该JS即会在页面加载完后执行，包括IFRAME加载在内  
JavaScript原生系列-页面加载完成之后执行（window onload 和 $().ready(function) 以及 body onload="">）
pcaxb的专栏
09-09 7530
转载请注明预见才能遇见的博客：http://my.csdn.net/ 原文地址：https://blog.csdn.net/pcaxb/article/details/100661841 JavaScript原生系列-页面加载完成之后执行（window.onload 和 $().ready(function) 以及 <body onload="">） 目录 1.原生window...
jQuery页面加载初始化的3种方法
热门推荐
Java高知社区
08-24 15万+
jQuery 页面加载初始化的方法有3种 ，页面在加载的时候都会执行脚本，应该没什么区别，主要看习惯吧，本人觉得第二种方法最好，比较简洁。 第一种： $(document).ready(function(){ alert("第一种方法。"); });第
JS语句中等某个方法执行完再执行后面逻辑
Ypromise-的博客
02-21 4769
在写script语句的时候，常遇到在代码逻辑中需要请求后台或别的运算方法执行完拿到结果再继续执行代码的场景。
js 方法调用顺序（异步回调）
军魂L
10-09 1458
在js里如果遇到要执行完一个方法再执行另一个方法，可以通过异步回调来操作，比如 function AA(){ console.log('我是AA方法'); } function BB(callback){ console.log('我是BB方法'); //需要加个判断，不加可能会报错 if(typeof callback == 'function'){ ...
如何让页面加载完之后执行以下js文件
03-30
有几种方法可以确保在页面加载完毕后执行JavaScript文件： 1. 使用window.onload事件：在JavaScript文件中添加以下代码，确保它只在页面完全加载后运行： ```javascript window.onload = function() { // 在这里...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值