如何实现JavaScript延迟加载执行--Java自学网

js实现延迟加载的几种方法 本篇文章主要介绍了js实现延迟加载的几种方法,js的延迟加载有助与提高页面的加载速度,主要介绍了3种方法,有兴趣的可以了解一下 立即下载

   我们经常会见页面中的功能在执行几秒后跳转为另外功能,用JS实现,简单又好用。

1、 JavaScript延迟加载方法:

<script language="JavaScript" src="" id="my"></script> 
<script> 
setTimeout("document.getElementById('my').src='include/common.php'; ",3000);//延时3秒 
</script>

页面中常用的方法是利用setTimeout来实现

2、 JS最后加载方法

要实现此功能的地方插入以下代码:

<SPAN id=javaweb>LOADING...</SPAN>

可以在页面最底端插入:

<SPAN class=spanclass id=AD_javalearns><script src="1.js"></script></SPAN>

JS代码:

<script>javaweb.innerHTML=AD_javaweb.innerHTML;AD_javaweb.innerHTML="";</script>

setTimeout的标准语法是: setTimeout(表达式,时间(毫秒)) 两个参数.

重点强调一下第一个参数是一个 function时的调用,现在我们把它看成是函数。

1.函数无参的方法:

function alertV(){ alert("000"); }

当第一个参数不加引号("" 或 '')时,延迟一秒: 
setTimeout(alertV,1000);

当第一个参数加上又引号时,延迟一秒: 
setTimeout("alertV()",1000);

2. 函数有参的方法:

function alertV(event){ alert("keyCode="+event.keyCode); }

此时应设置成: 

setTimeout(function(){alertV(event);},1000); 不然会提示参数未定义.

文章转载自 http://www.javalearns.com/Html/?1630.html
更多Java知识学习请访问 Java免费学习网  http://www.javalearns.com


5V转±12V无变压器双boost电路 最近有个新项目,需要±10V范围的模拟量输出(非隔离),对于5V以下供电的控制板而言单端输出绝对没问题,可现在需要有正负输出,是少不了正负电源的,因此准备设计一个5V转±12V的电源,然后选择一个双向供电的运放,来实现单端模拟量信号向双向模拟量信号转换。 本文就来分享一下5V转±12V电源的设计。对于有类似双向电源需求的场合,大多使用变压器通过增加多个绕组来实现,而对于体积空间有要求的场合来讲,变压器实在是太大了,另外对于一些成熟的项目,变压器如果是已经设计好的,再额外增加绕组需要重新设计,费时费力。于是, 阅读详情

相关推荐

Zemax光机热集成分析:从FEA数据导入到光学性能评估实战

在精密光学系统设计中,环境温度变化和机械应力是导致像质恶化的关键因素,这涉及到光、机、热多物理场的耦合分析。其核心原理在于,通过有限元分析(FEA)软件(如ANSYS)模拟热与力学载荷下的结构变形和温度分布,并将这些物理场数据精准映射到光学设计软件(如Zemax)中,以评估其对调制传递函数(MTF)、点列图等核心光学指标的影响。这项技术的工程价值在于,它使设计从静态的理想模型跃升至动态的工程现实,能够在设计阶段就预测并补偿环境扰动,从而显著提升光学系统在航空航天、车载镜头、高功率激光等严苛工况下的可靠性与稳

weixin_30565327的博客 331

页信息抓取-如何获取延迟加载页数据

抓取页信息时,有一个一直困扰我的问题,那就是有些页的信息是动态生成的,页载入后,接着执行js,js从服务器端获取数据后填充到页,现在这种实现特别比较多,归功于ajax技术的使用了,用这种技术生成的页,单靠一个址是没办法获取页的信息,火车采集器在这方面还没有去做什么工作吧,今天问了群里的哥们,他们也有这么方面的经验,特别是TommGG这个牛人,下面是他们的聊天记录,那个艾欧里...

weixin_34005042的博客 1346

AI应用架构师进阶:智能控制系统架构的多Agent设计

本文将从“AI应用架构师”的视角,系统讲解智能控制系统中多Agent架构的设计方法。理解多Agent系统的核心特性与在智能控制场景中的优势;掌握多Agent架构的设计流程:从需求分析到角色划分、通信设计、决策实现;通过实战案例(智能家居控制场景),手把手带你落地一个多Agent智能控制系统;探讨进阶话题:动态Agent组织、安全性设计、与大语言模型(LLM)的融合等。在多Agent系统中,Agent(智能体)是具备自主决策能力的最小执行单元。

小程序开发 1071

js 延迟几秒执行ifarme_7种js延时加载执行的方法

延迟加载javascript,也就是页面加载完成之后再加载javascript,也叫on demand(按需)加载,一般有一下几个方法:1. DOMhead append script tagwindow.onload = function() {setTimeout(function(){// reference to var head = document.getElementsByTagNa...

weixin_39583013的博客 841

js延时执行方法

//延时5秒执行getSignature方法: setTimeout(function(){ getSignature() },5000);

IT_LPF的博客 429

js设置某个方法在多少毫秒后执行(例如1000ms) timeout方法

setTimeout(function() { selectOk() //要执行的函数 }, 1000) //1000ms后执行 一般放在 $(function() { }) 这个页面刷新立即执行的函数里面

smileonlytoyou的博客 2814

java js列表预加载_javascript预加载和延迟加载

延迟加载javascript,也就是页面加载完成之后再加载javascript,也叫on demand(按需)加载,一般有一下几个方法:What can your tired old page, once loaded and used and read, can do for your user? It can preload components needed by the next page...

weixin_40002336的博客 240

延迟加载在Web开发中的应用

延迟加载是一种提升页性能的重要策略,在Web开发中有着广泛的应用。通过延迟加载技术,可以显著减少页面初次加载的时间,提高用户体验,并节省用户的带宽和设备的资源。在Java Web开发中,延迟加载也可以用于实现复杂对象的延迟初始化,以节省内存和提高性能。无论是前端还是后端开发,掌握延迟加载技术都是非常重要的。希望本文能够帮助读者更好地理解延迟加载的概念、原理和应用场景,并在实际开发中灵活运用这一技术来提升应用的性能。

喜欢猪猪 1340

延迟加载:程序员的智慧秘籍,优雅演绎慢工出细活!

懒癌晚期?没关系!延迟加载来帮你慢慢悠悠做开发!它就像是程序员的超能力,让我们的程序变得灵活无比。无论是应对用户需求还是应付资源限制,延迟加载都是我们的救星!拥有这个技术,就能让我们的项目在最恰到好处的时间、以最高效的方式,使用资源。哇,这就像是给我们的程序装上了一副超级磁力板,各种资源在需要的时候才瞬间被吸引过来!当然,作为程序员,我们要像探险家一样勇往直前,掌握延迟加载的绝技,让程序开发慵懒而迅猛!

m0_51160509的博客 1858

图片延迟加载

1、很多站都有图片延迟加载的功能,我们都知道图片很大的时候,页打开会很慢,今天发现有个名字叫Lazy Load的jquery插件可以实现。 官:http://www.appelsiini.net/projects/lazyload 使用: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

aid92203的博客 146

java js列表预加载_js中延迟加载和预加载的具体使用

延迟加载(懒加载)和预加载是常用的 web 优化的手段。。一、延迟加载(懒加载)原理: 当在真正需要数据的时候,才真正执行数据加载操作。目的: 延迟加载机制是为了避免一些无谓的性能开销而提出来的实现延迟加载的几种方法1. 让 js 最后加载使用方法: 把 js 外部引入的文件放到页面底部用途: 让 js 最后引入,从而加快页面加载速度说明:流览器之所以会采用同步模式,通常加载 js 文件或者放标签...

weixin_39732018的博客 165

JAVA延迟加载如何实现_如何从单独的应用程序延迟加载模块

我正在角度4中实现一个超级应用程序,它将加载子应用程序模块(组件和路由) . 子应用程序托管在http://child-application-url上 . 如何在我的超级应用程序中延迟加载子模块?这些是我的依赖"dependencies": {"@angular-redux/store": "^6.1.0","@angular/common": "^4.0.0","@angular/compil...

weixin_36078604的博客 157

java 图像加载_图像延迟加载

Lazy loading images is a practice that's been popular for a decade and for good reason: images are usually the heaviest downloads on a given webpage and avoiding unloading images that are never seen s...

culuo8053的博客 227

JavaScript嗅探执行神器-sniffer.js,你值得拥有!

一、热身——先看实战代码 a.js 文件 // 定义Wall及内部方法 ;(function(window, FUNC, undefined){ var name = 'wall'; Wall.say = function(name){ console.log('I\'m '+ name +' !'); }; Wall.message = {...

weixin_30362083的博客 641

java js获取css方法_5种JavaScript和CSS交互的方法

原标题:5种JavaScript和CSS交互的方法随着浏览器不断的升级改进,CSS和Java之间的界限越来越模糊。本来它们是负责着完全不同的功能,但最终,它们都属于页前端技术,它们需要相互密切的合作。我们的页中都有.js文件和.css文件,但这并不意味着CSS和js是独立不能交互的。下面要讲的这五种Java和CSS共同合作的方法你也许未必知道!用Java获取伪元素(pseudo-element...

weixin_39636610的博客 155

java自定义注解 实现延迟加载_前端性能优化之 —— 图片延迟加载 (原理以及实现方式)...

前端开发的时候,有些列表页面可能会有很多图片需要加载。一次加载太多图片,会占用很大的带宽,影响页的加载速度。这时候我们想到一种方式,让用户浏览到什么地方,就加载该处的图片。这里写了一个简单的例子,大家可以去体验一下,当然这里考虑到的是最简单的情况。 这里简单的讲解一下这个例子里面的源码。DOM 结构由一个父容器div#lazy-img,里面是图片标签,父容器是可以滚动的,图片有固定高度。大家可以...

weixin_39793794的博客 221

图片延迟加载jQuery实现源码

方案一 定义js文件,内容如下 /** * 图片延迟加载 */ var lazyLoad = { /** * 初始化函数,获得当前页面中含有lazyload属性的img标签 */ Init: function () { return $("img[lazyload]"); }, /** * 计算函数,计算img到浏览器顶部的距离,如果距离一样就放到同一个数组...

java开发指南博客 【转载】 88

Java项目中代码执行加载顺序

1. 整个项目中各类代码的加载顺序:java是在服务器端运行的代码;jsp在服务器的servlet里运行;javascript和html都是在浏览器端运行的代码。所以加载执行顺序是是java--&gt;jsp--&gt;js2. JS在jsp中的加载顺序:    页面上的JS代码是html代码的一部分,所以页面加载的时候是由上而下加载;    JS加载的顺序是页面中&lt;script&gt;标签...

文艺风程序猿 482

js面试题|[2024-12-10]

JS相关面试题

m0_49474690的博客 1213

java require_Require.js:从构建加载文件但不执行

我正在开发一个结合了ember.js和jquery-mobile.js的应用程序为了使这两者相互配合,我需要在初始化Ember之后加载JQM . 所以我在我的主文件app.js中使用以下代码:require.config({baseUrl: 'resources/js/',waitSeconds: 200,paths: {text: 'lib/require/text',ember: 'lib/e...

weixin_30529479的博客 234
上一篇: 用Js连接Access数据库方法--Java免费学习网
下一篇: Java中Excel写操作工具类--Java免费学习网
wurui8
博客等级 码龄12年 28粉丝 2原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值