如何div标签内嵌入外部网页

我用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>。

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-10-11

目前,潜入外部网页的方式,主要有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,都是可以使用的。

第2个回答  2010-07-09
可以用js,也可以用层,即用层的z-index属性,要以“绝对位置”布局,加上隐藏、显示的行为就可以实现。
第3个回答  推荐于2017-10-11
如果你不用框架,用div显示外部网页,那么这个外部网页不能包括<html>,<body>等标签,如果是静态页 那就直接copy进去,如果是jsp,就include进来:
<div id="IndexRight">
<jsp:include page="include/left.jsp"/>
</div>

或者直接将外部网页用字符串拼接好,直接用js赋值:
doucument.getElementById('IndexRight').innerHTML="外部网页内容";

那就将div的位置写固定,用js控制本回答被提问者采纳
第4个回答  2010-07-09
给你的div加一个id,比如<div id="a"></div>
你要载入的网页是b.htm

你在页面div上面这样写
<script>
doucument.getElementById("a").innerHTML="b.htm";
<script>

就可以了
相似回答