web页面的提前加载js

最新推荐文章于 2024-04-30 16:07:33 发布
最新推荐文章于 2024-04-30 16:07:33 发布
阅读量825 收藏
点赞数
分类专栏： web 文章标签： Web JSP CSS HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cd0281/article/details/83553802
版权
如在登入页面输入用户名密码的时候。可以提前加载后续需要用的js。这个有利于后面页面加载的速度。
使用iframe的加载方式 


<script>

function pageOnLoad(){
	try{
		if(window.parent != window){ 
			top.document.location.href = document.location.href;   
        }else{
        	initJS();
        }
	}catch(e){

	}   
}
function initJS(){
	document.getElementById("loadIfr").src="index_pre_load.jsp";
}
</script>
<body class="LoginDiv" onload="pageOnLoad();" scroll="no">

<iframe id="loadIfr" src="" width="0" height="0" frameborder="0"></iframe>



这样就会加载里面的
index_pre_load.jsp里面的js，css等文件
cd0281
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
图片预加载js
02-22
综上所述，图片预加载js是提升网页性能的重要手段，通过合理的预加载策略和JavaScript技巧，我们可以优化用户体验，减少用户等待时间，同时兼顾服务器负载。在实际项目中，应根据具体需求和场景选择合适的方法来实现...
HTML页面加载和解析流程详细介绍
09-28
HTML页面的加载和解析流程是Web开发中至关重要的概念，对于优化用户体验和提高网页性能具有决定性作用。本文将深入探讨这一主题，包括浏览器如何加载和渲染HTML，以及如何通过各种策略来加速页面加载速度。 首先，...
前端 JS 如何在一个页面中局部加载其它页面的数据
liaowenxiong的博客
08-04 1885
一个页面很大，可以分成多个部分，先把小部分的 jsp 写好之后，再在主页面中通过 Struts 2 标签或 ajax 请求来引入其它的 jsp 显示信息。 通过 jQuery 函数来加载其它页面的数据 <script> $(function () { $("#new").load("/dang/main/findnew.action"); }); </script> 解读： 页面加载完后就立即执行 $() 里面的函数，load 函数就是自动向某个地址发送请求，然后服务器会返回一个
前端预加载的3种方式 - 产品大佬都说好
Perback的博客
12-11 1755
性能优化在社区是个热门的话题，但是随着设备性能和网络速度的提升，需要做性能优化的项目可能并不是很多，所以每次做优化都是技术实践和累积的好机会。性能优化的方式有很多，本文将从实例出发带你了解性能优化之预加载。
浏览器预加载器如何使页面加载速度更快
最新发布
nihaio25的博客
04-30 957
预加载器并不是什么新鲜事，它提供了显着的性能提升，作为开发者，我们不需要做任何特殊的事情来利用它。
js-性能优化之列表提前加载
fengchenguo的博客
05-04 767
前言 在移动端加载新的数据一般是通过触底后触发事件并在该事件中进行获取新数据的操作，这种操作逻辑是使用最为广泛的。但是这种操作只有用户真正触底了，才会触发，并且之后才会发送获取新数据的请求，而在获取新数据这一过程中，用户需要等待，会降低用户体验，而这就是我们需要优化的地方，因此我们在这里使用预加载，为用户提前加载数据。 当然用预加载技术不能盲目地提前为用户加载将来的数据，盲目加载数据只会造成服务器压力增大。因此我们需要预测用户的行为，而预测用户行为需要标准。例如在实际列表预加载情况中，我们可以根据用户下滑列
JS的三种引入方式以及JS预加载
无糖加冰
11-25 3020
【JavaScript学习总结】——JS的引入和加载 JS的引入 JS代码我们应该写在什么地方呢? 我们学过的所有的代码都是一种语言,不同的语言对应的语言文件后缀名不一样，所以在HTML文件中的所有的数据,计算机默认以对待HTML数据的处理方式进行处理。 如果需要使用JS和HTML的搭配就需要考虑将JS代码写在什么地方. 行内JS 直接将JS代码写在HTML标签内的某个属性值里面 内嵌JS 在HTML文件里面的某个地方添加一个<script>标签,然后在这个<script>标签
javascript事件加载与预加载共9页.pdf.zip
10-30
总结，JavaScript事件加载关乎如何高效响应用户交互，而预加载则关乎如何提前获取并准备页面所需资源。了解和掌握这两者，对于优化Web应用性能至关重要。在实践中，应根据具体场景灵活应用，确保在提升用户体验的...
js上拉刷新下拉加载
12-07
- **预加载**：在用户还未滚动到某部分时，提前加载部分数据，提供更流畅的用户体验。 - **提示信息**：在加载过程中显示提示信息，让用户知道数据正在加载，避免出现空白或卡顿感。 6. **响应式设计**： 考虑到...
CSS对Web页面载入效率的影响分析总结
10-30
在构建Web页面时，我们通常关注JavaScript的性能和资源消耗，但往往忽视了CSS对页面加载效率的影响。实际上，CSS同样扮演着至关重要的角色，它不仅决定了页面的样式，还可能直接影响用户的首屏渲染时间和整体体验。...
js异步加载、预加载资源、dns预解析
huangpb的博客
11-17 4546
异步加载 js 的几种方式 <script src="script.js"></script> 以上写法是平常常用的写法，浏览器遇到该script 脚本会立即加载并执行此脚本，是一个同步的过程。 有时候我们想让 script 脚本异步加载，那要怎么处理呢？ 方式一：在 <script> 标签中加上 defer 或 async 属性 <scr...
js预加载的几种方式
热门推荐
c230704的博客
06-22 1万+
Jquery加载的几种方式 // ①页面加载完之前执行,与嵌入的js加载方式一样 (function ($) { alert(‘start’); })(jQuery); //②页面加载后执行 $(document).ready(function(){ ?alert(‘jquery ready’); }); //③页面加载后执行 $(function(){ ?alert(‘jquery onlo...
页面自动执行（加载）js的几种方法
lxw1844912514的博客
10-26 1425
https://www.cnblogs.com/2huos/p/js-autorun.html 一、JS方法1.最简单的调用方式，直接写到html的body标签里面： <html> <body onload="load();"> </body> </html> 2.在JS语句调用： ...
认真学习jdk1.8下ConcurrentHashMap的实现原理
小小默：进无止境
10-20 8375
1.7 已经解决了并发问题，并且能支持 N 个 Segment 这么多次数的并发，但依然存在 HashMap 在 1.7 版本中的问题---查询、遍历链表效率太低。jdk1.8 做了一些数据结构上的调整，先来看下底层的组成结构(其实和jdk1.8下HashMap的数据结构一致，就是数组+链表+红黑树)： .............................................
jsp预加载转圈_前端性能优化之预加载
weixin_39586649的博客
12-18 249
前言性能优化是老生常谈的问题了，很多同学都直呼，什么性能优化，我都是脚手架一把梭。其实在脚手架中已经使用了很多手段进行了性能优化，例如：代码压缩、代码分割、树摇、样式抽离等。可能你的脚手架已经帮你实现了，只是你没有发现。下面来介绍一下什么是预加载。预加载介绍链接预取是一种浏览器机制，其利用浏览器空闲时间来下载或预取用户在不久的将来可能访问的文档。网页向浏览器提供一组预取提示，并在浏览器完成当前页面...
Javascript在页面加载时的执行顺序
程宇寒
07-04 1186
Javascript在页面加载时的执行顺序  一、在HTML中嵌入Javasript的方法      1-直接在Javascript代码放在标记对和之间      2- 由标记的src属性制定外部的js文件      3- 放在事件处理程序中，比如：点击我      4-作为URL的主体，这个URL使用特殊的Javascript：协议，比如：点击我      5-利用javascrip
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
ASP.NET
07-22 1978
这篇文章主要介绍了js实现的页面加载完毕之前loading提示效果,结合完整实例形式分析了js页面加载时显示loading效果的实现技巧,需要的朋友可以参考下 本文实例讲述了js实现的页面加载完毕之前loading提示效果。分享给大家供大家参考，具体如下： 一、JS代码： //获取浏览器页面可见高度和宽度 var _PageHeight = document.documentElement...
Web前端优化技术详解
- **预载入组件**：对于即将需要的组件，提前加载以减少用户等待时间。 - **减少DOM元素数量**：过多的DOM元素会影响页面渲染速度，应简化HTML结构。 - **切分组件到多个域**：这可以并行下载组件，但要注意不要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值