如何在div里面加载另一个html页面?

这个方式比较多
1、如果有现成的文本，包括json你可以用$("#id").html("page的内容")；这个要有编辑好的dom元素。
2、你是把包装集和事件分开的话，也可以用$("#id").load("page内容")；
3、你也可以用ajax,手写可以，用现有的库文件也行，在使用时，把压缩文件导入。一般是$.ajax(url,data...)这个用在异步操作较多些，要有前后台同时操作。
4、用a标签试一下，要是简单的用一些静态的，也可以用一下，我以前用过，具体怎么写我一下子想不起来，随后我帮你找下，现在我做一个银行的项目，时间不多。
*方法比较多， 建议你用试试，不是太难，希望对你有帮助

我发现这个东西老是被用到，哈哈哈。。。初学者，代码写的不够简练，高手莫笑。

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 


  
  
  
 

		.left{
		border:1px solid black;
		width:200px;
		height:400px;
		float:left;
	}

	.right{
		border:1px solid black;
		width:400px;
		height:400px;
		float:left;
		background-color: #ccc;
		margin:0px 10px;
		position:relative;
	}

	.con span{
		font-size:16px;
		font-weight:700;
		text-align: center;
		padding:10px 0px;
		border-radius:5px;
		display: block;
		margin:10px;
		border:1px solid black;
	}
	.con span:first-child{
		background-color: #ccc;
	}

	.con span:nth-child(2),
	.con span:nth-child(3){
		cursor:pointer;
		
	}

	.right .com{
		width:400px;
		height:400px;
		position:absolute;
		top:0px;
		left:0px;
		color:white;
	}
	.right .rone{
		background-color: #880015;
	}

	.right .rtwo{
		background-color: black;
	}

	.cli{
		background-color:  #A1C3FE;
	}

	.ind{
		z-index: 1000;
	}

 



	
		测试
		列表1
		列表2