如何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,都是可以使用的。
<div id="IndexRight">
<jsp:include page="include/left.jsp"/>
</div>
或者直接将外部网页用字符串拼接好,直接用js赋值:
doucument.getElementById('IndexRight').innerHTML="外部网页内容";
那就将div的位置写固定,用js控制
你要载入的网页是b.htm
你在页面div上面这样写
<script>
doucument.getElementById("a").innerHTML="b.htm";
<script>
就可以了