以下是自己做的一个测试页面,把代码拷贝出来运行即可, 注意以下有三个页面,第一个是 main 页面,第二
三个是点击事件加载进去的页面;还有需要引入 jquery.js 文件喽!
第一个页面:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQ_iframe</title>
<script src="jquery.js" type="text/javascript"></script>
<script>
$(function(){
//点击 order1 时加载页面 1
$("#order1").click(function(){
reloadpage("order1.html");
});
//页面加载就执行'上面'已经定义好的点击事件
$("#order1").trigger("click");
//点击 order2 时加载页面 2
$("#order2").click(function(){
reloadpage("order2.html");
});
});
//加载页面
function reloadpage(page){
$.ajax({
url: page,
type: "POST",
dataType: 'html',
success: function(date){
$("#showcontext").html(date);
}
});
}
</script>
</head>
<body>
<table width="90%" >
<tr>
<td height="40" colspan="2" align="center">这是头部</td>
</tr>
<tr>
- 1
- 2
前往页