页面加载后自动执行js的几种方法

最新推荐文章于 2022-10-14 15:36:53 发布
最新推荐文章于 2022-10-14 15:36:53 发布
阅读量3.7k 收藏 12
点赞数 1
分类专栏： 前端 文章标签： js 页面加载自动执行js方法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wxyf2018/article/details/100135007
版权
一、JS方法
1、直接写到html的body标签里面：
load是自动执行的方法名

<body onload="load();"> 
</body>
2、在JS语句调用：
<script type="text/javascript">
	function load(
最低0.47元/天 解锁文章
吾行远方
关注
  • 1
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html自动执行函数,js函数自动执行（附：window.onload与$(document
weixin_33551941的博客
05-30 2363
首先写一个函数function myFunction(){//函数内容console.log("函数自动执行");}函数自动执行方法一：window.onload=myFunction();注：`<1>window.onload://只有当页面中的HTML结构、图片、文字等所有资源都加载完成才会执行对应的操作 (在一个页面中只能使用一次,使用多次后面会把前面的覆盖掉->因为它是D...
刷新页面后让控制台的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的方式
橙-极纪元-cplvfx-JJY.Cheng
12-09 1万+
页面加载完成后执行JS的方式 总结几种页面加载完成以后再执行当前js文件的方式：
页面加载完成后执行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...
html网页自动运行函数,在网页中JS函数自动执行常用三种方法
weixin_42628941的博客
05-31 3139
在网页中JS函数自动执行常用三种方法在HTML中的Head区域中，有如下函数：functionn MyAutoRun(){//以下是您的函数的代码，请自行修改先！alert("函数自动执行哦！");}下面，我们就针对上面的函数，让其在网页载入的时候自动运行！①第一种方法将如上代码改为：functionn MyAutoRun(){//以下是您的函数的代码，请自行修改先！alert("函数自动执行哦！...
多种方法实现当jsp页面完全加载完成后执行一个js函数
10-26
以下将详细讲解标题和描述中提到的几种常见方法： 1. **使用`window.onload`事件**： 这是最常用的方法，它会在整个页面（包括所有资源如图片、脚本等）加载完成后触发。在给定的代码示例中，可以看到`...
JavaScript刷新页面的几种方法总结
10-17
本文将详细总结JavaScript刷新页面的几种常见方法。 1. **`location.reload()`** 方法 这是最常用的刷新页面的方法。`location.reload()` 可以强制浏览器重新加载当前页面。如果传递可选参数 `bForceGet` 为 `true...
HTML页面3秒后自动跳转的三种常见方法
09-28
在这个例子中，当页面加载完成后，`setTimeout`会在3秒（3000毫秒）后调用`go`函数，`go`函数则负责改变当前页面的URL，实现跳转。 方法3：使用JavaScript的`setInterval`与`clearInterval` `setInterval`函数会每...
JS实现n秒后自动跳转的两种方法
10-22
在JavaScript中，自动跳转页面是常见的需求，例如在页面加载错误或操作完成后引导用户到新的页面。本文将详细介绍两种实现JS实现n秒后自动跳转的方法：使用`setInterval`和`setTimeout`。 首先，我们来看第一种方法...
javaScript和jQuery自动加载简单代码实现方法
01-19
在此之前我们给大家整理过用javaScript和jQuery自动加载的几种方法，大家可以参考一下：javaScript 页面自动加载事件详解 一、JavaScript自动加载 ①在文本中用onload： 当页面中所有内容（包括图片）加载完后再执行...
ASP.NET刷新页面的几种方法详解
10-26
在页面加载时，JavaScript函数`beginrefresh`会被调用，它会根据设定的时间间隔（例如3分钟后）执行`window.location.reload()`。这种方式适用于需要在特定时间后自动刷新的场景。 **第六种：使用`<meta>`标签的`...
js实现页面跳转重定向的几种方式
12-03
在JavaScript中，页面跳转和重定向是两个常见的操作，它们用于改变当前浏览器窗口加载的URL。这通常在用户交互、错误处理或者自动化流程中发生。以下是对标题和描述中提到的五种JavaScript实现页面跳转重定向方法的...
如何调试异步加载页面里包含的js文件
10-25
针对这种情况，有几种有效的调试方法： 1. **使用`sourceURL`注释：** 这是一种在Chrome和Firefox等现代浏览器中广泛适用的技巧。在你想要调试的异步加载的JS文件开头添加一行特殊的注释： ```javascript //@ ...
三秒后自动跳转页面
11-30
在网页设计和开发中，"三秒后自动跳转页面"是一种常见的技术手段，用于在特定条件下引导用户从当前页面转移到另一个页面。这种技术在多种场景下被广泛使用，例如错误处理、信息提示或者更新页面内容。下面我们将深入...
页面加载完后立刻执行JS的两种方法
忆水思寒的博客
08-13 4834
方式一：window.onload：当一个文档完全下载到浏览器中时，才会触发window.onload事件。这意味着页面上的全部元素对js而言都是可以操作的，也就是说页面上的所有元素加载完毕才会执行。这种情况对编写功能性代码非常有利，因为无需考虑加载的次序。window.οnlοad=function...
js页面加载完后执行js函数 纯js
qq_42394781的博客
10-14 670
var interval =setInterval(function({ var status = document.readyStatus; if(status="complete") clearInterval(interval); }),1000)
在HTML页面加载完毕后运行某个js.
卡布洛技术专栏
05-07 5418
js方法： window.onload=function(){    var userName="xiaoming";    alert(userName); } 以下为jQuery方法，需要引用jQuery文件。 $(document).ready(function(){    var userName="xiaoming";    alert
vue 如何自动刷新页面
最新发布
08-11
在Vue中实现自动刷新页面可以通过以下几种方式： 1. 使用`window.location.reload()`方法：可以在需要刷新页面的地方调用`window.location.reload()`方法来重新加载当前页面，例如在点击按钮或者定时器触发的事件中调用该方法。 2. 使用Vue的`watch`属性监听数据变化：可以在Vue组件中使用`watch`属性来监听数据的变化，当数据发生变化时，可以执行相应的操作，例如刷新页面。示例代码如下： ```javascript watch: { dataToWatch: function(newVal, oldVal) { // 数据发生变化时，执行刷新操作 window.location.reload(); } } ``` 3. 使用Vue的路由导航守卫：可以在Vue的路由导航守卫中监听路由的变化，在特定的路由变化时执行刷新操作。示例代码如下： ```javascript // router.js router.beforeEach((to, from, next) => { // 判断需要刷新的路由 if (to.meta.refresh) { // 执行刷新操作 window.location.reload(); } else { next(); } }); ``` ```html <!-- App.vue --> <template> <router-view :key="$route.fullPath" /> </template> ``` 在需要刷新页面的路由上设置`meta`字段为`{ refresh: true }`，即可触发刷新操作。 这些方法可以根据具体的需求选择使用，希望能对你有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值