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

作者&投稿:向货 (若有异议请与网页底部的电邮联系)
如何在一个div标签里显示出另一个网页?~

用在div里用iframe,就像下面的代码

图咔设计 因为对齐方式中是没有底部对齐的,所以可以通过一个容器,以及容器内的元素进行定位。

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

  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,都是可以使用的。



可以用js,也可以用层,即用层的z-index属性,要以“绝对位置”布局,加上隐藏、显示的行为就可以实现。

如果你不用框架,用div显示外部网页,那么这个外部网页不能包括<html>,<body>等标签,如果是静态页 那就直接copy进去,如果是jsp,就include进来:
<div id="IndexRight">
<jsp:include page="include/left.jsp"/>
</div>

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

那就将div的位置写固定,用js控制

给你的div加一个id,比如<div id="a"></div>
你要载入的网页是b.htm

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

就可以了


如何在div标签中嵌入另一个html?
1、打开编辑器,新建test.html,用于学习今天的内容。2、接下来需要在head标签下方引入jquery.min.js插件。3、在页面的body标签里,新建一个p,名称为test。4、在body标签下方写上script>\/script>,用来存放js代码。通过class定位到p,通过css()方法让文字居中。5、在浏览器中打开test.html,可以在文字...

怎么在Div标签中嵌入另一个HTML
1,基于Jquery的DIV嵌套html html代码:<script src="js\/jquery.js"><\/script><div id="btn" > 新页面<\/div><div id="newDiv"><\/div>js代码:(document).ready(function)(){ $("#btn").click(function(){ $('#newDiv').load('new.html'); });});点击“新页面”即可实现...

如何div标签内嵌入外部网页
目前,嵌入外部网页的方式,主要有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,会成列呢,而不是在同一行呢,我想把文字...
方法一:一般情况,默认的div是写一个换一行,那么如何定义两个div横向排列而不换行呢?div默认的display属性是block。所以每一个div都是新的一行,现在把display换成inline就不会换新行了。<div style="background-color:#ff0000;display:inline;">aaa<\/div> <div style="background-color:#ffff00...

DW中HTML网页怎么用内嵌式或嵌入式引入CSS样式?
嵌入式引入CSS样式方法 1、我们创建一个HTML页面,在body标签中添加一个div标签组。2、然后在上面的head标签中(title标签下),输入引用CSS的代码style标签。(如下图)3、然后在标签中输入一个CSS名称以及相关的样式。要注意看下图的格式,别少输入了。4、最后在下方的div标签中,引入cass,并输入对应...

如何在DIV里面嵌入个视频?
把视频代码,放到DIV里面就行了。下面这个例子是我直接在优酷里面随便拿的一段视频代码。例子:<div> <embed src="http:\/\/player.youku.com\/player.php\/Type\/Folder\/Fid\/23680436\/Ob\/1\/sid\/XOTMzNzg0MTY4\/v.swf" quality="high" width="480" height="400" align="middle" allowScriptAccess=...

在一个DIV中怎么插入多个DIV页面
div中嵌套过多的div是不好的。 <div class="header"> <iframe class="headerContent" src="head.html" scrolling="no" frameborder="0"><\/iframe> <\/div>这个事iframe嵌入页面

在div中怎么加入图片?
1、新建html文档,然后在body标签中添加div标签,这时div标签中没有内容,所以网页中什么也不会显示:2、在div标签中添加img标签,在img标签中添加“src”属性,属性值为图片的地址,这时网页中将会显示刚才添加的图片:3、由于插入的图片宽高默认是图片自身的宽高,所以需要用css控制图片的宽高。在head...

CSS样式表嵌入到网页中的几种方法
css样式表嵌入网页有以下三种方法:1,内联样式 内联样式是直接在html标签上定义该标签的css样式,如:<div style="width:200px;height:30px;"><\/div> 2,内部样式 内部样式是写在html文件中,且包含在<style><\/style>代码块中,如:<style> .box{width:200px;height:30px;} <\/style> <div ...

在dw中嵌套div后夫div和子div宽度和高度一致,为什么左浮动和右浮动增加...
第一种,巧用底层DIV实现嵌套DIV的高度自适应 很多时候,我们在网站制作的时候,需要在一个DIV里面嵌入子DIV,子DIV的高度往往会因为内容的增多变大,这个时候需要外面的DIV随着子DIV的高度变化而变化。很多新手朋友在网上问父层DIV没有被id为sub的里层子DIV撑高,整体样式出现严重的走样效果。所以,今天...

府谷县18512163026: 如何div标签内嵌入外部网页 -
水疯曲安: 这个功能的实现应该用不到外部网页的,如果需要外部数据的获取如楼上所说用AJAX即可,主要还是JavaScript的部分.你可以把两个DIV定位在同一个地方(只显示其一的情况下),然后给默认隐藏的那一个设置CSS属性"overflow:hidden;...

府谷县18512163026: 如何在Div标签中嵌入另一个HTML -
水疯曲安: 首先你想获取的那个Html文档,只写body里的内容,其他不要.如果用jq的话,ajax获取方法$.ajax({ url:'xxxxx', success:function(res){ //res是获取到html内容 //接下来是 xxx.html(res) } }) 另外是load()方法,xxxx.load('xxx') //load里边是html文件的路径

府谷县18512163026: 如何在一个div标签里显示出另一个网页? -
水疯曲安: 用在div里用iframe,就像下面的代码 <iframe src=" http://www.baidu.com" width="800px" height="200px" scrolling="no" frameborder="0"> </iframe>

府谷县18512163026: 如何让div嵌入的外部网页里面的css和各种样式效果只影响这个div内部 -
水疯曲安: 给这个div添加一个id="#xxx", 然后他的子节点的选择器都加上#xxx.

府谷县18512163026: div如何引用外部html文件 -
水疯曲安: iframe 或者用js,jq把html内容写进div里.

府谷县18512163026: div 怎么内嵌在html 中? 格式是什么?
水疯曲安: <body><div></div></body>

府谷县18512163026: 如何在div中嵌入next page -
水疯曲安: 补充一下,我的外部网页也是div和css做的,还有我希望的是我点击一个图片在一个固定位置显示外部网页,点击另一个图片在那个固定地方再显示另一个外部网页,其他地方的显示都不变 ,我的这几个要点击的图片就相当于这个网页的导航栏 ,各位大神最好帮我举个类子,不胜感激,要是我采纳了,我再多给50分,谢谢

府谷县18512163026: 如何装一个DIV导入外部内容?(指多页面共用一个公告栏) -
水疯曲安: 有很多种方法: 第一:你做成SHTML或ASP,PHP等以include的方式 第二:用框架,即:iframe 第三:用ajax

府谷县18512163026: div如何引用外部html文件
水疯曲安: 用iframe或者用AJAX吧..可以实现此功能!本人支持后者

府谷县18512163026: 如何让一个DIV或表格导入外部内容?(比如:多页面共用一个公告栏)
水疯曲安: 使用iframe标签 <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm"></IFRAME>

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网