<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>iframe + js 实现HTML局部刷新页面</title>
<script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script>
<script type="text/javascript">
/*当文件被加载的时候*/
$(function(){
/*当按钮被点击的时候*/
$("#yy_button").click(function(){
/*页面跳转*/
/*location.href="text.html";*/
/*点击显示或者是不显示 这里可以toggle 换成show*/
$("#test").toggle();
});
});
</script>
</head>
<body>
<button id="yy_button">按钮</button>
<div id="div1">
<iframe runat="server" src="a.html" width=100% height=100%
frameborder="no" border="0" marginwidth="0" marginheight="0"
scrolling="no" allowtransparency="yes" id="test"
hidden="hidden">
</iframe>
</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>iframe + js 实现HTML局部刷新页面</title>
<script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script>
<script type="text/javascript">
/*当文件被加载的时候*/
$(function(){
/*当按钮被点击的时候*/
$("#yy_button").click(function(){
/*页面跳转*/
/*location.href="text.html";*/
/*点击显示或者是不显示 这里可以toggle 换成show*/
$("#test").toggle();
});
});
</script>
</head>
<body>
<button id="yy_button">按钮</button>
<div id="div1">
<iframe runat="server" src="a.html" width=100% height=100%
frameborder="no" border="0" marginwidth="0" marginheight="0"
scrolling="no" allowtransparency="yes" id="test"
hidden="hidden">
</iframe>
</div>
</body>
</html>