当jsp页面完全加载完成后执行一个js函数

最新推荐文章于 2024-05-19 18:52:56 发布
最新推荐文章于 2024-05-19 18:52:56 发布
阅读量3.1k 收藏 1
点赞数
分类专栏： web前端

方法1.如下程序，当页面完全加载后执行openTheIndexPage()方法 

[html] view plain copy print ?
  1. <html>    
  2. 03.<head>    
  3. 04.<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />    
  4. 05.<title>Telecommunications Data Collection System</title>    
  5. 06.<script type="text/javascript" src="<%=contextPath%>/js/baseframe.js"></script>    
  6. 07.<script type="text/javascript" src="<%=contextPath%>/js/cookies.js"></script>    
  7. 08.<script type="text/javascript" src="<%=contextPath%>/js/tag/tag.js"></script>    
  8. 09.<script language="javascript" for="window" event="onload">     
  9. 10.    function openTheIndexPage() {         
  10. 11.        openMyURIWithCid(true, 'root', 'IDX', "iframe/dispatch.jsp?url=tdc/zhk/impctrlobjinf/index/index.jsp", '首页',    
  11. 12.                'top.tagmenu', 'top.maintop', true,    
  12. 13.                'system/accessPaths.do?currentModuleCode=IDX',    
  13. 14.                'mainmenu', true);    
  14. 15.    };    
  15. 16.    if(document.readyState=="complete"){    
  16. 17.        openTheIndexPage();    
  17. 18.    }     
  18. 19.</script>    
  19. 20.</head>     
  20. 21.<body>     
  21. 22.</body>        
  22. 23.</html>   


方法2：可以是以下几种，但是效果不如方法1

[html] view plain copy print ?
  1. 25.<body onload="function name()"> </body >     
  2. 26.<script>window.onload=function name </script>     
  3. 27.<script language="javascript" for="window" event="onload">  
[html] view plain copy print ?
  1. 28. function name();   
[html] view plain copy print ?
  1. 29.</script>  

第二种只能写入一个函数，而且无法给变量，其中最好用的是最后一种，可以独立写出来，怎么写都行

 

  1. 方法3：<body onload="xxx()"> </body> xxx()为你要执行的函数  
  2. 方法4：在script标记里加defer   
  3. 即 <script defer="defer" language="javascript">   
  4. 或者 <script defer language="javascript">   
  5. 在整个页面加载完后运行脚本。(没有效果)
java85140031
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于JSP中<body onload="fun()">body标签中onload中函数不执行问题
weixin_33772645的博客
08-09 1991
问题描述： 　　在一个页面中，我们经常会初始化一下数据，而且会在指定的DOM元素初始化数据，这时候我们就会使用<body onload="fun()">来加载我们的数据。onload指的是在所有的DOM元素都加载完成才会执行JS函数，这为我们初始化动态的加载数据提供很大的帮助。但是有时候我们会发现，<body onload="fun()">中的fun()函数有时候会不执行...
jsp页面中 img标记的 onload_Img 总结
weixin_30598353的博客
11-27 494
1.视图页面<div> <label type="button" class="btn"> <span>选择图片</span> <input id="uploaderInput" class="weui-uploader__input" ...
js判断网页是否加载完毕----包括图片
weixin_33672109的博客
01-12 993
在做页面的时候,经常碰到要在页面加载完全之后再去展现。这时候我们会直接想到使用window.onload的方式,或者是采用Jquery的ready方法判断,这在一定程度可以搞定。   window.onload方式 window.onload =function() { //your code }    Jquery的ready方法 //: 判断网页是...
JavaScript的事件流、页面加载事件与元素滚动事件
最新发布
2301_79614379的博客
05-19 680
当初始的HTML文档被完全加载和解析完成后，DOMContentLoaded事件被触发，而无需等待样式表、图像等完全加载。当一个元素的事件被触发时，同样的事件将会在该元素的所有祖先元素中依次被触发（当一个元素的事件触发时，会依次调用所有父级的。利用事件冒泡的特点，给父元素注册事件，当我们触发子元素时，会冒泡到父元素身上，从而触发父元素事件。目的：防止事件影响父级元素，将事件限制在当前元素内（不仅可以阻止事件冒泡，也可以阻止事件捕获）。从DOM的根元素开始去执行对应的事件（从父到子，从外到里）
jsp页面加载完成后自动调用页面中的一个方法
weixin_38913225的博客
08-09 3145
工作中遇到一个小问题，需要在页面加载完成后，自动调用页面中的一个方法。查阅很多资料后发现一个最简单的方法，实测有用。 <script type="text/javascript"> //1、页面加载完成后需要调用的方法 function test(){ alert("页面加载完成后需要调用的方法"); } //2、使用这段代码即可实现 window.onload=test; </script> ...
JavaEE练习项目--快递e栈（第二天）
程序员小章的博客
10-03 600
JavaEE练习项目–快递e栈（第二天） 1.创建数据库 管理员表 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pNakF5bp-1601707285725)(C:\Users\Faker\Desktop\快递e站项目练习第一天.assets\image-20201003140324264.png)] 用户表 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-D1lYCJWp-1601707285728)(C:\Users\Faker\Deskt
多种方法实现当jsp页面完全加载完成后执行一个js函数
10-26
在网页开发中，有时我们需要确保页面完全加载后再执行某些JavaScript函数，这有助于保证操作的正确性和用户体验。在JSP页面中，实现这个需求有多种方式。以下将详细讲解标题和描述中提到的几种常见方法： 1. **使用...
jsp实现局部刷新页面、异步加载页面的方法
01-20
这个方法会接收请求，处理数据，然后返回一个JSP页面的路径。`model.addAttribute`用于向模型添加数据，这些数据可以在JSP页面中访问。 5. **JSP页面**： JSP（JavaServer Pages）是Java的一个动态网页技术，可以将...
jsp页面加载方法
08-30
这种方法可以实现jsp页面加载后执行某个函数，但是这种方法只能写入一个函数，并且无法给变量赋值。 代码实现 ```html ()"> <script>window.onload=function name <script language="javascript" for="window" ...
jsp中一个页面引入另一个页面的实现代码
01-20
6. **JavaScript/jQuery**：虽然没有提供完整的jQuery代码，但注释中提到了`jQuery(function() {...})`，这是jQuery中的DOM加载完成后执行的函数，通常用来处理DOM元素和事件。在`jQuery(function() {...})` 中，...
页面所有元素加载完成之后执行某个js函数
塵风的blog
06-08 1294
在页面所有元素加载完成之后执行某个js函数   做项目的时候可能会遇到这种情况:        一个JSP页面中import了一个目录文件(menu.jsp),而且每个页面的&lt;body&gt;中都定义了onload事件,那么在此定义window.onload函数的时候可能会不生效或者多个onload之间覆盖的现象.        有的朋友肯定会说用jQuery的$().ready...
加载页面完毕执行
neusoftsongjia的专栏
09-13 358
jsp页面中有一个属性是用来判断页面是否加载完成的，如果完成在执行的。代码如下： document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法. function subSomething() { //&&window.parent.frames["panel"].document.readyStat
jsp window.onload ,
dfrywe6128的博客
05-08 317
1. <html> <body onload="func()"> </body> </html> 2. <script type="text/javascript"> function func(){……} window.onload=func; </script> 3. <html> <...
页面加载完成在执行js几种方法
pyshibin的专栏
05-19 1041
方法1.如下程序，当页面完全加载后执行openTheIndexPage()方法 Telecommunications Data Collection System /js/baseframe.js"> /js/cookies.js"> /js/tag/tag.js">       function openTheIndexPage() {             open

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值