怎样在jsp页面加载时首先执行某个js

最新推荐文章于 2021-12-12 17:06:23 发布
原创 最新推荐文章于 2021-12-12 17:06:23 发布 · 2.1w 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍两种在网页登录页面加载完成后将光标自动定位到用户名输入框的方法。第一种方法通过JavaScript函数实现，第二种则是在body标签中直接设置onload事件。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

假如我们再加载登录页面时，当加载完成页面时，把光标指定在用户名那里 如下所示


一般有两种做法

1 

此方法是光标停留在用户名上

function init(){ 
var ctrl=document.getElementById("loginName"); 
ctrl.focus(); 
}

window.onload = function() {
      init()；

    }
2<body onload="init()">




                

        

    

    
  



    



                



	

		

			

				
					
多种方法实现当jsp页面完全加载完成后执行一个js函数

				
			

			

				

					01-08
				

			

		

		

			
				
方法1：如下程序，当页面完全加载后执行openTheIndexPage()方法  代码如下: <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /> <title>Telecommunications Data Collection System</title> [removed]/js/baseframe.js”>[removed] <script type=”text/javascript” 

			
		

	



                

            
              



	

		

			

				
					
在网页加载时自动运行js的方法（2025最新）

					
最新发布

				
			

			

				

					qq_44136882的博客
				

				

					06-06
					
					564
					
				

			

		

		

			
				
网页加载时自动运行JavaScript的常用方法包括：1.通过DOMContentLoaded事件在HTML解析完成后触发；2.使用window.onload等待所有资源加载完成；3.将脚本放在body末尾直接执行；4.使用defer属性延迟执行或async属性异步加载；5.采用IIFE立即执行函数；6.利用Vue的mounted钩子或React的useEffect等框架生命周期方法。需注意不同方法的触发时机和性能影响，DOMContentLoaded比window.onload更快触发但不等候资源加载，d

			
		

	



              


  
              

                


	

		

			

				
					
jsp页面加载js函数

				
			

			

				

					饭桶一生奋斗
				

				

					05-17
					
					1274
					
				

			

		

		

			
				
先加载页面，后加载函数 
     js代码： 
 “`
    function message(){        alert($("#div2").text());
    }
body代码:
 
   
 2 
   
   
“`

			
		

	





	

		

			

				
					
js判断网页是否加载完毕----包括图片

				
			

			

				

					weixin_33672109的博客
				

				

					01-12
					
					1059
					
				

			

		

		

			
				

在做页面的时候,经常碰到要在页面加载完全之后再去展现。这时候我们会直接想到使用window.onload的方式,或者是采用Jquery的ready方法判断,这在一定程度可以搞定。
 
window.onload方式

window.onload =function()
{
    //your code  
}

  
Jquery的ready方法

//: 判断网页是...

			
		

	



		

			
		



	

		

			

				
					
JSP加载页面同时调用JS方法

				
			

			

				

					u014572906的博客
				

				

					06-07
					
					1651
					
				

			

		

		

			
				
window.onload = function () {

}


			
		

	





	

		

			

				
					
在一个JSP页面里面根据条件动态的加载另一个jsp页面

				
			

			

				

					02-03
				

			

		

		

			
				
在这个场景中，我们讨论的是如何在一个JSP页面上根据特定条件动态地加载另一个JSP页面，这个新加载的页面通常会显示从数据库（例如Oracle）中检索到的数据。这通常涉及到前端技术如jQuery和Ajax，以及服务器端的处理...

			
		

	





	

		

			

				
					
JSP页面加载性能激增：JS文件加载顺序与时机的优化方法

				
			

			

				

					
				

			

		

		

			
				
JSP页面加载性能优化是提升用户交互体验的关键因素，本文系统性地探讨了JS文件加载的原理及其对页面性能的影响。分析了网络传输速度、文件大小、脚本依赖等关键因素，并提出了优化加载顺序和时机的策略，如异步加载...

			
		

	





	

		

			

				
					
深入解析JSP页面加载等待问题

				
			

			

				

					
				

			

		

		

			
				
首先，jsp页面等待通常是指用户在访问JSP（Java Server Pages）页面时，页面加载时间过长导致的等待现象。页面加载时间长，可能是由于网络延迟、服务器处理性能不足、页面资源过大或者前端代码效率低下等原因造成的...

			
		

	





	

		

			

				
					
ko.rar_ajax_ajax jsp_javascript_jsp

				
			

			

				

					09-22
				

			

		

		

			
				
它允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容，极大地提升了用户体验。本实例“ko.rar_ajax_ajax jsp_javascript_jsp”显然是关于如何在JSP（JavaServer Pages）环境中运用Ajax技术的...

			
		

	





	

		

			

				
					
JSP页面实现图片轮播滚动的JavaScript技术

				
			

			

				

					
				

			

		

		

			
				
### JSP页面图片轮播滚动JS实现  #### 知识点一：JSP页面基本概念  JSP（Java Server Pages）是一种基于Java的服务器端页面技术，允许开发者将Java代码嵌入到HTML页面中以实现动态网页内容的生成。JSP页面通常以.jsp...

			
		

	





	

		

			

				
					
jsp页面随页面初始化加载js函数

				
			

			

				

					weixin_33860553的博客
				

				

					11-09
					
					1325
					
				

			

		

		

			
				
1

 1 <%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
 2 <html>
 3   <head>
 4     <title>教师（学生）登录页面</title>
 5     <style type="text/css">...

			
		

	





	

		

			

				
					
JavaScript在JSP页面加载与执行顺序

				
			

			

				

					进化的深山猿
				

				

					12-21
					
					9268
					
				

			

		

		

			
				
 

首先看下js在在jsp页面中可能的情况



jsp中的代码如下：


&lt;%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%&gt;
&lt;script type="text/javascript"&gt;
    console.log("it is b

			
		

	





	

		

			

				
					
JS页面加载时运行

					
热门推荐

				
			

			

				

					my1989night的专栏
				

				

					05-21
					
					1万+
					
				

			

		

		

			
				
方法1  function init(){ document.write("这只是一个测试！"); }  方法2  function init(){ document.write("这只是一个测试！"); }  中加onload事件-->  --------------------------------------  1.文档载入时：当标记和语句放在文档Body段中时，在页面

			
		

	





	

		

			

				
					
如何在Jsp页面加载时候就能执行某个方法

				
			

			

				

					China_HaoZi的博客
				

				

					06-07
					
					5622
					
				

			

		

		

			
				
需要在标签中加载一个window.onload()方法，如果不判定是否第一次访问，可能会造成页面一直重复刷新的问题。
<%--	在加载页面时自动执行此方法--%>
    <script>
		// 获取当前页面的url
            var url=document.location.href;
            // 判断是否是第一次访问，若是第一次访问执行里面内容，不是就不执行，防止一直重新刷新页面
            if (url.indexOf("T=

			
		

	





	

		

			

				
					
jsp页面中的代码加载执行顺序

				
			

			

				

					Tangtng的博客
				

				

					04-21
					
					527
					
				

			

		

		

			
				
1. java是在服务器端运行的代码，jsp在服务器的servlet里运行，而javascript和html都是在浏览器端运行的代码。所以加载执行顺序是是java>jsp>js。


2. js在jsp中的加载顺序
页面上的js代码是html代码的一部分，所以页面加载的时候是由上而下加载。所以js加载的顺序也就是页面中标签出现的顺序。标签里面的或者是引入的外部js文件的执行顺序都是其语句出

			
		

	





	

		

			

				
					
jsp函数

				
			

			

				

					lhjueuue的博客
				

				

					12-12
					
					1343
					
				

			

		

		

			
				
js函数
函数也是对象，也具有普通对象的功能（能有属性）
函数可以封装一些代码，在需要时可以调用函数来执行这些代码，使用typeof检查一个函数时会返回function
创建函数

函数声明

function 函数名([形参1，形参2...形参n]){
    语句...
}


函数表达式

var 函数名= function([形参1，形参2...形参n]){
    语句...
}


调用函数
语法：函数对象([实参1，实参2……实参n]);
立即执行函数
函数定义完，立即被调用，这种函数叫立即执

			
		

	





	

		

			

				
					
页面加载时执行js代码的2种方式与差别

				
			

			

				

					甲鱼大哥的专栏
				

				

					09-11
					
					1499
					
				

			

		

		

			
				
需求：在页面加载时用jquery设置jquery图片轮播插件的第一个图片为active状态。方法1：在html上加入js代码<script>
window.onload = function(){
    $(".carousel-inner.one").children().first().addClass("active");
    $(".carousel-inner.two").child

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值