display不能解决<jsp:include />的问题，jsp异步加载另外一个jsp页面

最新推荐文章于 2024-05-02 18:12:22 发布

CloudDataMiner

最新推荐文章于 2024-05-02 18:12:22 发布

阅读量1.3k

点赞数

文章标签： jsp jquery 异步 javascript css

本文链接：https://blog.csdn.net/huachuan214/article/details/41926277

版权

前几天，自己在用echart力度导向图做一个关系图的时候遇到了这个问题。我需要一个按钮加载另外那个动态生成力度导向图。

问题：解决a.html中包含<jsp:include page="b.jsp"/> 一开始display=“none”，点击链接或按钮加载b.html，b.html中css样式不能使用的问题。

优点：动态加载，html和html中都可以使用。

废话不多说，看代码，我提供了两种方法

方法一：<a>标签

a.html

<html>
  <head>
    <title>异步加载</title>
    <meta  charset=UTF-8>
   </head>
  <script type="text/javascript" src="../js/jquery-1.7.2.js"></script>
  <body>
    <a οnclick="
    	$(document).ready(function(){
    	alert('A页面');
    	$('#conf').load('b.html');
    	
    });
    "><img src ="forward.jpg"/></a>
   
    <div id="conf"></div>
    
  </body>
</html>

里面是我自己做的一个图片，可以改。

b.html

<html>
	<head>
		<title>bhtml</title>
	</head>
	<body>
    	<span style="white-space:pre">	</span>这是bhtml
   <span style="white-space:pre">	</span></body>
</html>

点击页面图片，即可加载另外一个页面。

方法二：按钮

a.html写在一起了

<html>
  <head>
    <title>异步加载</title>
    <meta  charset=UTF-8>
   </head>
  <script type="text/javascript" src="../js/jquery-1.7.2.js"></script>
  <script type="text/javascript">
  
  function forword(){
	  	$(document).ready(function(){
	  		alert('A页面');
	  		$('#conf').load('b.html');
	  		
	  	});
  	}
  </script>
  <body>
    <a οnclick="
    	$(document).ready(function(){
    	alert('A页面');
    	$('#conf').load('b.html');
    	
    });
    "><img src ="forward.jpg"/></a>
    <input type="button"  value="跳转到B" οnclick="forword();"/>
    <div id="conf"></div>
    
  </body>
</html>

CloudDataMiner

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
display不能解决<jsp:include />的问题，jsp异步加载另外一个jsp页面

前几天，自己在用echart力度导向图做一个关系图的时候遇到了这个问题。我需要一个按钮加载另外那个动态生成力度导向图。问题：解决a.html中包含一开始display=“none”，点击链接或按钮加载b.html，b.html中css样式不能使用的问题。优点：动态加载，html和html中都可以使用。废话不多说，看代码，我提供了两种方法方法一：标签a.html
复制链接

扫一扫