Ajax?
ajax 应用。
点击左边的链接,首先出发js代码通过ajax读取新的数据,并在前台用js控制在右边显示。
实例见下
<body>
<div>
<input id="Button1" type="button" value="弹出窗口" onclick="show()" />
<div id="window" style="width: 400px; height: 350px; background-color: White; display:none; position:absolute ; left:100px; top:200px; border:solid 1px black">
<div style="text-align: right; background-color: Blue; ">
<a href="#" style=" color:White;" onclick="Close()">关闭</a></div>
<div style=" padding:5px 5px 5px 5px">
<div id="left" style="float: left; width: 40%; background-color: Gray; height:300px; text-align:center; padding-top:10px;">
<input id="Button2" type="button" value="切换内容" onclick="ChangeInfo()" />
</div>
<div id="right" style="float: right; width: 40%; background-color: Red; height:300px">
<input id="Text1" type="text" />
<br />
<br />
<input id="Button3" type="button" value="清空" onclick="javascript:document.getElementById('Text1').value = ''" />
</div>
<div style="clear: both;">
</div>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript">
function Close() {
document.getElementById("window").style.display = 'none';
}
function show() {
document.getElementById("window").style.display = '';
}
function ChangeInfo() {
//ajax可以取服务端数据,在此用字符信息代替
document.getElementById("Text1").value = '我是刚刚来的字符串';
}
</script>
iframe
iframe吧!就是一个简单的框架
模板页?
Iframe其中的一个方法
使用Ajax和模板页的综合应用一定可以达成你想要的效果!