您的位置：首页 > Web前端 > JavaScript

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

2014-12-14 16:59 936 查看

前几天，自己在用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 onclick="
$(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 onclick="
$(document).ready(function(){
alert('A页面');
$('#conf').load('b.html');

});
"><img src ="forward.jpg"/></a>
<input type="button"  value="跳转到B" onclick="forword();"/>
<div id="conf"></div>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

display不能解决&lt;jsp:include /&gt;的问题，jsp异步加载另外一个jsp页面

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