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

我用div标签做了一个网页,我想点击我网页里面的一个图片,可以在我的网页里面一个固定的地方显示外部网页的内容,因为我的网页全是div标签写的,不是框架不知道该怎么做?请各... 我用div标签做了一个网页,我想点击我网页里面的一个图片,可以在我的网页里面一个固定的地方显示外部网页的内容,因为我的网页全是div标签写的,不是框架不知道该怎么做?请各位大神帮帮忙,传授下,谢谢。
补充一下,我的外部网页也是div和css做的,还有我希望的是我点击一个图片在一个固定位置显示外部网页,点击另一个图片在那个固定地方再显示另一个外部网页,其他地方的显示都不变 ,我的这几个要点击的图片就相当于这个网页的导航栏 ,各位大神最好帮我举个类子,不胜感激,要是我采纳了,我再多给50分,谢谢
展开
 我来答
百度网友f8b6ee5
高粉答主

推荐于2019-11-09 · 说的都是干货,快来关注
知道小有建树答主
回答量:313
采纳率:100%
帮助的人:9.5万
展开全部

目前,嵌入外部网页的方式,主要有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>。

百度网友94f02eb
推荐于2017-10-11 · TA获得超过8613个赞
知道大有可为答主
回答量:7955
采纳率:74%
帮助的人:4502万
展开全部

目前,潜入外部网页的方式,主要有3种:

  1. iframe方式

    <div><iframe src="xxx.jsp"></iframe>

  2. ajax方式

    <div id=“externalHtml"></div>

    ajax加载数据后,直接赋予 externalHtml.innerHTML 即可。

  3. script脚本方式

    <div><script src="xxx.js" type="text/javascript"></script></div>


以上三种方式,对于DIV,都是可以使用的。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
wanyanhuide
2010-07-09 · 超过26用户采纳过TA的回答
知道答主
回答量:94
采纳率:0%
帮助的人:68万
展开全部
可以用js,也可以用层,即用层的z-index属性,要以“绝对位置”布局,加上隐藏、显示的行为就可以实现。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
zzqkillyou
推荐于2017-10-11 · TA获得超过1091个赞
知道小有建树答主
回答量:942
采纳率:0%
帮助的人:748万
展开全部
如果你不用框架,用div显示外部网页,那么这个外部网页不能包括<html>,<body>等标签,如果是静态页 那就直接copy进去,如果是jsp,就include进来:
<div id="IndexRight">
<jsp:include page="include/left.jsp"/>
</div>

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

那就将div的位置写固定,用js控制
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
jwxkk
2010-07-09 · 超过47用户采纳过TA的回答
知道小有建树答主
回答量:521
采纳率:0%
帮助的人:204万
展开全部
给你的div加一个id,比如<div id="a"></div>
你要载入的网页是b.htm

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

就可以了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式