如何在div里面加载另一个html页面?

作者&投稿:星发 (若有异议请与网页底部的电邮联系)
如何在div里面加载另一个html页面~

可以用框架,可以用AJAX加载进来,,,也可以通过JS或者JQ来读取HTML加载进来。。。

你这样问,不太好回答,,,,

具体用法,这要看需求。。。

将需要调用的部分做成单独的页面,再用iframe语句插入就行Iframe标记的使用格式是: src:文件的路径,既可是HTML文件,也可以是文本、ASP等;width、height:"画中画"区域的宽与高;scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条。

这个方式比较多
1、如果有现成的文本,包括json你可以用$("#id").html("page的内容");这个要有编辑好的dom元素。
2、你是把包装集和事件分开的话,也可以用$("#id").load("page内容");
3、你也可以用ajax,手写可以,用现有的库文件也行,在使用时,把压缩文件导入。一般是$.ajax(url,data...)这个用在异步操作较多些,要有前后台同时操作。
4、用a标签试一下,要是简单的用一些静态的,也可以用一下,我以前用过,具体怎么写我一下子想不起来,随后我帮你找下,现在我做一个银行的项目,时间不多。
*方法比较多, 建议你用试试,不是太难,希望对你有帮助

我发现这个东西老是被用到,哈哈哈。。。初学者,代码写的不够简练,高手莫笑。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
  <title>鼠标移动显示</title>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <meta name="description" content=""/>
<script type="text/javascript" src="js/jquery-1.8.0.js"></script> 
<style type="text/css">
.left{
border:1px solid black;
width:200px;
height:400px;
float:left;
}

.right{
border:1px solid black;
width:400px;
height:400px;
float:left;
background-color: #ccc;
margin:0px 10px;
position:relative;
}

.con span{
font-size:16px;
font-weight:700;
text-align: center;
padding:10px 0px;
border-radius:5px;
display: block;
margin:10px;
border:1px solid black;
}
.con span:first-child{
background-color: #ccc;
}

.con span:nth-child(2),
.con span:nth-child(3){
cursor:pointer;

}

.right .com{
width:400px;
height:400px;
position:absolute;
top:0px;
left:0px;
color:white;
}
.right .rone{
background-color: #880015;
}

.right .rtwo{
background-color: black;
}

.cli{
background-color:  #A1C3FE;
}

.ind{
z-index: 1000;
}

</style> 
</head>
<body>
<div class="con">
<div class="left">
<span>测试</span>
<span id="one" class="cli">列表1</span>
<span id="two">列表2</span>
</div>
<div class="right">
<div class="com rone ind" id="rone">列表1内容在这里显示</div>
<div class="com rtwo" id="rtwo">列表2内容在这里显示</div>
</div>
</div>
<script type="text/javascript">
$(document).addClass('cli').ready(function(){
$('#one').click(function(){
$('#two').removeClass('cli');
$('#one').addClass('cli');
$('#rtwo').removeClass('ind');
$('#rone').addClass('ind');
});

$('#two').click(function(){
$('#one').removeClass('cli');
$('#two').addClass('cli');
$('#rone').removeClass('ind');
$('#rtwo').addClass('ind');
});
});

</script>
</body>
</html>

记住下载个jquery-1.8.0.js,然后引入。




Div 高度自适应填充父容器
这个简单,在的css属性里加overflow:hidden,然后在C的css属性里加margin-bottom:-1000px;padding-bottom:1000px; 如果B的高度可能超过1000的话,再设大点就行了

div浮动层与默认的div层有什么关系
说到浮动首先我们要清楚一个概念,我们为什么设置浮动样式?因为想让DIV对象盒子实现靠左或靠右布局。这样我们的网页就可以做的更美观,交互性更强,那么浮动的DIV和默认的DIV之间有什么不同呢?我们一起来看一下div浮动层与div层有何不同css中有什么关系首先DIV浮动层与DIV层都是指DIV布局,一般使用CSS...

请问如何设置div的排列位置呢
如果div和form是在同一行,在div和form和外面加个table,div和form放到2个td中,或者把form外加div,左面的div也加style="float:left"属性 在页面中加入样式html,body{ margin:0px;padding:0x}让页面中的外边距和内边距都为0

大家都说div+css很容易,但我怎么觉得好难!!!
网页排版有三种方式:1、Table + Css (表格排版)2、Div + Css 3、Div、Table混排 三种方式不外乎都是 html + css 实现 (table和div都属于html语言),所以你应该关注的本质核心是html语言和css语言。DW只是一个主要功能为:网页制作的软件,常用来编写或生成html、css代码,当然DW也可以拿来写...

这是关于html与css结合的问题<div class="login login-1" id="di...
注:两个之间是没有空格D~(在同一条标签上),不过我倒是不喜欢这样写选择器,因为觉得用 class="login login-1"这写法时,只是为了方便设置共有的属性而已,而不是为了写选择器而去这样写,如我会写成这样:.login{width:100px;} .login-1{color:#f00;} 而那个“#divLogin”,如果.login...

如何用javascript改变DIV中的内容?
通过document.getElementById("div的ID名字").innerHTM=“你要设置的值”来实现。代码示例如下:=== <html> <head> <meta charset="UTF-8"> <script> function ChangeDiv(){ document.getElementById("1").innerHTML="内容2";} <\/script> <\/head> <br> <br> <br> <div id = "1" ...

css里的<a>能嵌套<div>标签么?
回答:当然是可以的,问题是要看你放置的意义何在,对于块元素与内联元素是可以相互转换的,如将内联元素变成块级元素,可增加样式display:inline.同理将div变成内联元素可增加样式display:block;

div 和层 有什么不同
这样就定义了两个层,第一个层宽高150距页上左边距为50,底色红色,位于页面第1层;第二个层宽200高100距页上左边距为10底色绿色,位于页面第2层。(层数越高,越显示在页面上层。)div不是层,也不仅仅是用来定义层的,但可用绝对定位来定义一个层。2、在Netscape4.0里,可以用layer标签和i...

css怎么改变div的位置
可以使用css中的position来对div进行定位来改变div的位置,position 属性值的含义:static:元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。relative:元素框偏移某个距离。元素仍保持其未定位前的形状,它原本所占的空间仍保留。absolute...

div可以在span中使用吗?
div不可以在span中使用!因为div是块级元素,span是行内元素。span可以嵌套到div中,但div不能嵌套到span中。(显示上看不出什么问题)

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

宏伟区19685421893: 如何在div中显示一个html页面 -
柘试西可: 可以采用ajax方式:ajax加载数据后,直接赋予 externalhtml.innerhtml 即可.

宏伟区19685421893: 静态网页,如何在DIV中引入另一个html里的内容? -
柘试西可: 如果是静态网页就代表另外一个html内容已知而且确定, 没必要在div中设置引用. var inner = $('#htmlId').html(); $('#divId').html(inner);

宏伟区19685421893: 怎么在一个html网页的div层里(无内容)引用另一个Html文件呀?
柘试西可: 这个根本就不能套在里面 只能连接CSS文件或连接到另一个HTML页面

宏伟区19685421893: 在一个HTML页面的DIV里能不能嵌入另外一个HTML页面 -
柘试西可: 在这个DIV里用JS放入cycle.html的内容.. cycle.html内容 ,SvRQXk

宏伟区19685421893: 怎么在一个div中加载另一个页面 -
柘试西可: //用JQ$("div").load("页面路径")

宏伟区19685421893: jQuery怎么加载一个html页面到我指定的div里面 -
柘试西可: 一、jQuery加载一个html页面到指定的div里<br>把a.html里面的某一部份的内容加载到b.html的一个div里.<br>比如:加载a.html里面的<div id=“row"></div>这个div里面的所有内容加载到b.html的这个div里<div id="content"></div><br>用...

宏伟区19685421893: div中显示另一个网页的内容 -
柘试西可: 方法1.用AJAX中的LOAD方法 b.html页面进去; 方法2.最原始的用html标签<iframe src="b.html" width="" height=""></iframe> (具体的参数自己填补完整吧)

宏伟区19685421893: 如何将一个HTML页面嵌套在另一个页面中 -
柘试西可: 方法1:iframe 方法2:DIV设定好尺寸,然后将另外一个页面通过JS的load函数放进来 方法3:还是div,但是使用的是富文本模式

宏伟区19685421893: 如何在一个div标签里显示出另一个网页? -
柘试西可: 用在div里用iframe,就像下面的代码 <iframe src=" http://www.baidu.com" width="800px" height="200px" scrolling="no" frameborder="0"> </iframe>

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