JS页面加载时候的自动加载函数的方法

已于 2022-08-31 12:34:11 修改
阅读量2.9k 收藏 5
点赞数 1
文章标签： javascript 前端 jquery
于 2022-08-26 22:16:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_19891197/article/details/126551002
版权

方法一：jquery 中：$(function(){}） 括号内写你的内容

<script>
    $(function () {
        alert("提示");
    })
</script>

方法二： html < body οnlοad=‘’>

<html>
<body onload="add()">
</body>
</html>
<script>
function add(){
// do something
}
</script>

<script type="text/javascript">
 window.onload=function()//用window的onload事件，窗体加载完毕的时候
{
   //do something
}
</script>

<script>
window.onload=mufun;
function mufun(){
 //do something
}
</script>

<script>
windows.onload=function(){
fun1();
fun2();
fun3();
};
function fun1(){
 //do something
}
function fun2(){
 //do something
}
function fun3(){
 //do something
}
</script>

方法3

<script>
 $().ready(function(){
	alert("提示");
	});
</script>
小徐敲java
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS 页面自动加载函数(兼容多浏览器)
10-29
在JavaScript编程中，页面自动加载函数是一个非常关键的机制，它允许开发者在网页完全加载后执行特定的代码，比如初始化页面元素、执行动画效果或处理数据。本篇将详细讲解如何编写一个兼容多个浏览器的自动加载函数...
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
01-23
在JavaScript编程中，有时我们需要在页面完全加载后执行一系列的操作，比如设置DOM元素样式、初始化插件或执行复杂的计算。通常，我们会在`window.onload`事件中放置这些操作。然而，当有多个函数需要在页面加载完成...
jQuery之页面加载函数
python全栈
01-22 2041
body中的οnlοad="fun1()"表示页面加载事件，只有body中的元素加载完毕之后才会调用fun1()方法 第一种方式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function fun1(){ var element=windo
js页面加载时候的调用函数的方法
weixin_30682415的博客
05-26 117
方法一：jquery 中：$(function(){}） 括号内写你的内容 方法二：html <body onload=''> <script type="text/javascript"> window.onload=function()//用window的onload事件，窗体加载完毕的时候 { //do something } &...
JQuery
最新发布
Cc_0319的博客
01-02 965
jquery定义活动模板是javascript的类库，具有轻量级，完善的文档，丰富的插件支持，完善的Ajax功能，强大的选择器功能，出色的DOM操作封装，出色的浏览器兼容性，可靠的事件处理机制，隐式迭代和链式编程操作，免费开源的库jQuery方式监听页面的加载：1.函数内部的代码页面加载(HTML)完毕之后执行2.调用N次,会执行N次3.jQ监听的代码可以简写。
JS自动加载--自用 更新中
三杯两盏淡酒的专栏
02-21 436
var stop = true;//触发开关，防止多次调用事件 $(window).scroll(function () { //alert(document.getElementById("ul_id").getElementsByTagName("li").length); var cou = $("#page_index_count").val();
js页面加载完后执行js函数 纯js
qq_42394781的博客
10-14 669
var interval =setInterval(function({ var status = document.readyStatus; if(status="complete") clearInterval(interval); }),1000)
JavaScript实现当网页加载完成后执行指定函数的方法
10-24
主要介绍了JavaScript实现当网页加载完成后执行指定函数的方法,实例分析了javascript加载页面及执行函数的技巧,需要的朋友可以参考下
多种方法实现当jsp页面完全加载完成后执行一个js函数
10-26
在网页开发中，有时我们需要确保页面完全加载后再执行某些JavaScript函数，这有助于保证操作的正确性和用户体验。在JSP页面中，实现这个需求有多种方式。以下将详细讲解标题和描述中提到的几种常见方法： 1. **使用...
页面加载时自动执行JS函数
网络改变中国
05-29 1124
$(function(){}); $(function(){ }); 放到哪里都可以 不用起名字 可以在里面写判断条件 加载页面时候会自动执行 eg:
js 自动调用函数
jimware的专栏
06-03 2505
setInterval(load(),2000);
页面加载完成后自动执行一个方法函数的JQ、JS方法
灵魂Coder的专栏
03-18 1万+
页面加载完成后自动执行一个方法函数的JQ、JS方法 一、JS方法   1.最简单的调用方式，直接写到html的body标签里面：             2.在JS语句调用： 　　function myfun() 　　{  　　 alert("this window.onload"); 　　} 　　/*用window.onload调用myfun()*/
页面加载完成之后执行js函数window.onload 和 $().ready(function) 以及 <body onload="">的同级函数详解
pcaxb的专栏
10-13 6594
转载请注明预见才能遇见的博客：http://my.csdn.net/ 原文地址： 页面加载完成之后执行js函数window.onload 和 $().ready(function) 以及 的同级函数详解 1.window.onload = function(){} / $(window).load(function)方法是在网页中的所有的元素(包括元素的所有关联文件：图片、音视频、f
怎样在jsp页面加载时首先执行某个js
sinat_30474567的博客
05-26 2万+
假如我们再加载登录页面时，当加载完成页面时，把光标指定在用户名那里 如下所示 一般有两种做法 1  此方法是光标停留在用户名上 function init(){  var ctrl=document.getElementById("loginName");  ctrl.focus();  } window.onload = function() {  init(
js绑定事件的时候页面加载时会自动执行问题
苗成的博客
05-24 6401
今天在工作的时候发现一个问题，定义的点击事件触发的函数在页面加载的时候就会自动执行。我的js代码是这样定义的： function clickPicToArt() { ....... } $("#imgId").click(clickPicToArt()); 后来找到了原因，就是在绑定的时候，出入的参数不能写为 xxxXxx() 的格式，应该直接传入xxxXxx；像我上边的例子，应该这么写 $
页面自动执行js的3种方法
fascinate_的博客
02-27 4264
转自：https://www.cnblogs.com/chenlove/p/8643383.html 1.最简单的调用方式，直接写到html的body标签里面： &lt;html&gt; &lt;body onload="load();"&gt; &lt;/body&gt; &lt;/html&gt; 2.在JS语句调用： &lt;script type="tex...
页面加载完成后执行JS的5种方式
热门推荐
ALEX_wxy的博客
11-09 3万+
在js和jquery使用中，经常使用到页面加载完成后执行某一方法。通过整理，大概是五种方式。 1.jQuery的$( function(){} ); 2.jQuery的$(document).ready( function(){} );前两者本质上没有区别，第1种是第2种的简写方式。两个是document加载完成后就执行方法。 3.jQuery的$(window).load( functio...
JS之函数预加载代码
羊驼可以吃吗的博客
10-14 718
JS之函数预加载代码 &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;&amp;amp;gt;
JavaScript-JS优化与惰性载入函数
柒青衿的博客
02-20 1671
惰性载入函数 由于现在浏览器之间的差异，为了实现跨浏览器工作，很多函数要书写大量if语句或者try…catch…语句。当每次调用函数时，都要对每个if分支或try语句进行检查，这样会使得浏览器反应变慢。实际上，当我们用某个浏览器打开网页时，就决定了某个if分支或try语句是可用的，没有必要每次调用都检查。为了解决以上问题，JavaScript中出现一种名为惰性载入的技巧。 惰性载入表示函数
js页面加载触发回调函数
05-26
在 JavaScript 中，页面加载后可以通过 `window.onload` 或者 `document.addEventListener("DOMContentLoaded", callback)` 来触发回调函数。 `window.onload` 会等到页面所有资源（包括图片、音频等）加载完毕后才触发回调函数，因此这个事件会比较慢。而 `DOMContentLoaded` 事件则会在 HTML 加载完成后立即触发回调函数，不必等待所有资源加载完毕。 以下是两种方式的示例代码： ``` // 使用 window.onload 触发回调函数 window.onload = function() { console.log("页面所有资源加载完毕！"); }; // 使用 DOMContentLoaded 触发回调函数 document.addEventListener("DOMContentLoaded", function() { console.log("HTML 加载完成！"); }); ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值