JQuery 在DIV中加载页面
在做页面设计的时候,有时需要在一个页面上引入另一个页面,用jquery比较简单
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:///TR/html4/">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ueditor 富文本编辑器</title>
<script type="text/javascript" src="editor_config.js"></script>
<script type="text/javascript" src="editor_all.js"></script>
<link href="themes/default/" type="text/css" rel="stylesheet">
</head>
<body>
<script type="text/plain" class="myEditor"></script>
<script type="text/javascript">
var editor_a =new ();
editor_a.render('myEditor');
</script>
</body>
</html>
,在这个页面里面引入
1.引入
<script type="text/javascript" src="jquery-1.7."></script>
2.定义需要显示的区域和样式
<style type="text/css">
#test{width:auto;height:auto;border:1px solid green;}
</style>
<div > </div>
3.写一个方法,用于加载
<script language="javascript">
function loadPage(href){
$("#test").load(href);
}
</script>
4.定义一个button,在click事件里面调用loadPage方法
<input type="button" value="加载" οnclick="loadPage('')"/>
到这一步已经完成啦