读书人

CSS+DIV:怎么在一个盒子中点超链后让另

发布时间: 2012-12-16 12:02:32 作者: rapoo

CSS+DIV:如何在一个盒子中点超链后让另一个盒子调入另一网页
本帖最后由 needacoder 于 2012-02-01 00:03:27 编辑 如何在一个DIV盒子中点超链后让另一个DIV盒子调入另一网页:*.html,*.asp, *.aspx等

也就是用任意静态或动态网页局部刷新页在中的某个DIV盒子

最好只用js的

ajax我根本不会
[最优解释]

<html>
<head>
<title>Untitled Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />

<script type="text/javascript">
var req;
function createXmlHttp() {
try {
return new XMLHttpRequest();
} catch (e1) {
try {
return new ActiveXObject("Msxml2.XMLHTTP");
} catch (e2) {
try {
return new ActiveXObject("Microsoft.XMLHTTP");
} catch (e3) {
return null;
}
}
}
}
function getPage(path) {
req = createXmlHttp();
if (req) {
req.onreadystatechange = hdlRsp;
req.open("GET", path, true);
req.send(null);
} else {
alert("浏览器不支持!");
}
}
function hdlRsp() {
if (req.readyState == 4 && req.status == 200) {
var rspText = req.responseText;
if (rspText != "") {


document.getElementById("display").innerHTML = rspText;
alert(rspText);
document.getElementById("display").style.visibility = "visible";
}
else document.getElementById("display").style.visibility = "hidden";
}
}
</script>

</head>
<body>
<div id="display" style="width: 500px; height: 500px; overflow: scroll; border: 1px solid #ccc;">
 </div>
<br />
<input type="button" value="显示外部文本" onclick="getPage('http://www.baidu.com')" />
</body>
</html>


[其他解释]
用onclick事件绑定你点击的DIV,然后在事件处理函数中打开另外你一个DIV中的链接,不就可以了。如果不懂,把源代码贴出来,我给你写好js程序。
[其他解释]
该回复于2012-02-03 17:11:38被版主删除
[其他解释]
没人看到?
[其他解释]
没人看到??
[其他解释]
自已顶
[其他解释]
用frame行么
[其他解释]
frame不行,慢
[其他解释]
马甲顶起,等待高手!
[其他解释]
高手啊,出手吧
[其他解释]
高手就要来了
[其他解释]
高手啊,出手吧
[其他解释]
高手会来的

读书人网 >网页设计

热点推荐