我用div标签做了一个网页,我想点击我网页里面的一个图片,可以在我的网页里面一个固定的地方显示外部网页的内容,因为我的网页全是div标签写的,不是框架不知道该怎么做?请各位大神帮帮忙,传授下,谢谢。
补充一下,我的外部网页也是div和css做的,还有我希望的是我点击一个图片在一个固定位置显示外部网页,点击另一个图片在那个固定地方再显示另一个外部网页,其他地方的显示都不变 ,我的这几个要点击的图片就相当于这个网页的导航栏 ,各位大神最好帮我举个类子,不胜感激,要是我采纳了,我再多给50分,谢谢
目前,嵌入外部网页的方式,主要有3种:
iframe方式:
<div><iframe src="xxx.jsp"></iframe>
ajax方式:
<div id=“externalHtml"></div>
ajax加载数据后,直接赋予 externalHtml.innerHTML 即可。
script脚本方式:
<div><script src="xxx.js" type="text/javascript"></script></div>
以上三种方式,对于DIV,都是可以使用的。
代码放在 <head></head> 里:
<script type="text/javascript">
function change(theID) {
var disp = document.getElementById("display");
disp.innerHTML = document.getElementById(theID).innerHTML;
}
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) {
var req = createXmlHttp();
if (req) {req.open("GET", path, false);
req.send("");
if (req.status == "200") {
document.getElementById("display").innerHTML = req.responseText;
} else {
alert("抓取" + path + "出错!");
</script>。
目前,潜入外部网页的方式,主要有3种:
iframe方式
<div><iframe src="xxx.jsp"></iframe>
ajax方式
<div id=“externalHtml"></div>
ajax加载数据后,直接赋予 externalHtml.innerHTML 即可。
script脚本方式
<div><script src="xxx.js" type="text/javascript"></script></div>
以上三种方式,对于DIV,都是可以使用的。