一个html网页中 加入 另一个html网页 不用iframe 好像是用JS吧 怎么做?

作者&投稿:晋赖 (若有异议请与网页底部的电邮联系)
如何将一个html页面中嵌入另一个html页面~

将一个html页面中嵌入另一个html页面步骤如下:
1、首先,要嵌入html并不一定要写js代码,如图使用iframe标签,设置其src属性即可。注意其scrolling="auto"以添加滚动条。另外,其width和height要单独设置。

2、其链接到的html页面内容如图所示。给其添加如图meta标签,增加自动刷新功能。

3、在Python编写的httpserver中(Tornado),这两个url的请求都要处理。以本程序为例,用户浏览器载入main以后,main页面中的iframe标签会自动载入todolist。

4、如图是通过浏览器访问main页面,可以看到下面的框框中显示的就是todolist页面的内容。

5、另外,其右侧自带滚动条,而且这个潜入的页面设置了自动刷新,会时刻保持更新。

6、如果关闭了httpserver,会看到如簇所示情况,嵌入的页面刷新失败。但是main页面没有自动刷新,无影响。

如果另一个也要用到这个我js,当然也要引用了。iframe实际是另外一个独立页面。拥有独立的命名空间。

//--版权:raincome00--
//var xml = cls_xmlhttp();
//xml.idname = "web_main_content";
//xml.url = "/cgi/main/register.asp";
//xml.querystring = "action=regidcheck&id=id1";
//xml.querystring = escape("action=regidcheck");
//xml.main();

function cls_xmlhttp() {
var vobject = new Object();
vobject.type = false;
vobject.method = "post";
vobject.url = "";
vobject.querystring = "";
vobject.result = "";
vobject.idname = "";
vobject.fun = function(string){};
vobject.funwait = function(){};

var vobjxmlhttp = function(){
var vobj;
var varyactivename = new Array("MSXML2.XMLHTTP","Microsoft.XMLHTTP");
if(window.XMLHttpRequest){
//针对FireFox\Mozillar\Opera\Safari\IE7\IE8
vobj = new XMLHttpRequest();
//修正某些浏览器的bug
if(vobj.overrideMimeType){
vobj.overrideMimeType("text/html");
}
}else if(window.ActiveXObject){
//针对IE5\IE6
for(var i=0;i<varyactivename.length;i++){
try{
vobj = new ActiveXObject(varyactivename[i]);
break;
}catch(e){}
}
}
return vobj;
}

vobject.main = function(){
var vobjxml = vobjxmlhttp();
if(!vobjxml){
alert("尊敬的客户:您的浏览器不支持插件!");
return false;
}else if(vobject.url == ""){
alert("程序错误:未设定网址!");
return false;
}
vobjxml.onreadystatechange = function(){
//判断对象状态是否交互完成
if(vobjxml.readyState == 4){
//判断对象是否交互成功
if(vobjxml.status == 500 || vobjxml.status == 200 || vobjxml.status == 0){
//接受服务器输出的纯文本数据
vobject.result = vobjxml.responseText;
if(vobject.type){
vobject.fun(vobject.result);
}else{
if(vobject.idname != ""){
try{
document.getElementById(vobject.idname).innerHTML = vobject.result;
}catch(e){
alert("程序错误:HTML对象不存在!")
}
try{
if(vobject.result.indexOf("</script>") > 0) {
eval(vobject.result.substring(vobject.result.indexOf("<script>")+8,vobject.result.indexOf("</script>")));
}
}catch(e){
alert("程序错误:JAVASCRIPT脚本错误!")
}
}else{
alert("程序错误:未设置HTML对象!")
}
}
}else if(vobjxml.status == 404){
alert("连接错误:目标网址不能连接!")
}
}else{
vobject.funwait();
}
}
vobject.method = vobject.method.toUpperCase();
if(vobject.method != "GET"){
vobject.method = "POST";
}
if(!vobject.type){
vobject.type = false;
}else{
vobject.type = true;
}
if(vobject.method == "POST"){
vobjxml.open("POST",vobject.url,true);
vobjxml.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
vobjxml.send(vobject.querystring);
}else{
vobjxml.open("GET",vobject.url+"?"+xml.querystring,true);
vobjxml.send(null);
}
return true;
}
return vobject;
}

你可以直接写加一个div,然后把页面直接放到div里就可以 了

试试用jqury的ajax,用load方法。

<!-- #include file = "myfile.inc" --> include 引用、

js不知道,但是frameset也可以实现


鹿泉市18897311022: h1标签里面还可以放其他标签吗 -
英爱善存: 不可以!一个页面,只允许有一个H1标签.混用则会让搜索引擎分不清网页中的主次.导致被搜索引擎认定为较差页面.H标签解析:H标签也叫做Heading标签,在HTML语言里一共有六种大小的heading标签,是网页html中对文本标题所进行的着重强调的

鹿泉市18897311022: div+css样式中h标签怎么用 -
英爱善存: 1、Heading标签也叫做H标签,HTML语言里一共有六种大小的heading 标签,是网页html 中对文本标题所进行的着重强调的一种标签,以标签、、 、、、定义标题头的六个不同文字大小的tags,本质是为了呈现内容结构.共有六对,文字从大到小,依此显示重要性的递减,也就是权重依次降低. 2、W3C指出h1-h7标签可定义标题.h1定义最大的标题.h6定义最小的标题.h标签是成对出现的,以开始,以结束.h1,h2,h3,h4,h5,h6,h7作为标题标签,并且依据重要性递减.遵循这样的原则是很有必要的,它能让页面的层级关系更清楚,让搜索引擎更好地抓取和分析出页面的主题内容等等.

鹿泉市18897311022: 怎么在编辑的HTML文件中插入另外一个HTML文件? -
英爱善存: 如<iframe src="a.html" width=...

鹿泉市18897311022: 在div里面加h标签可以不 -
英爱善存: 一个页面中只可以有一个h1标签,一般作为标题放在三级页面中,h2是可以多次使用的,h2在网页中一般作为标题使用,<div class="rightbxti"><a href="1.html"><h2>什么时候应该补钙,缺钙的症状</h2></a></div> 可以不加<h2> 就直接<div class="rightbxti"><a href="1.html">什么时候应该补钙,缺钙的症状</a></div> 就可以 有必要的话 将<a>标签设置成块 display:block

鹿泉市18897311022: 如何在html页面里插入html的另一个文件 -
英爱善存: <!--#include file="top.html"--> 这个是用asp生成2113html代码的用法,html本身没5261有#include的用法的4102 你可以用iframe引入另外一个网页1653,或者frameset在一个窗口专显示多个网页.详细的请参考html标签属:http://www.w3school.com.cn/tags/html_ref_byfunc.asp

鹿泉市18897311022: 如何在一个html网页嵌入另外一个网页的一部分? -
英爱善存: 你一开始做第一个商品的时候就别做整页啊 分页做 然后用div 引用整合 然后把一样的部分放在一个页面里面 不一样的放在一个页面里面 这样的话 一样的那部分就可以反复调用了 就好像页面的top和bottom一样 有一个文件就行了 没必要页页都写

鹿泉市18897311022: 在html页面中引入另一个html页面的标签? -
英爱善存: 在html文件引入其它html文件的几种方法 简介:1.IFrame引入,看看下面的代码 [代码] <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME>2.<object>方式 [代码] <object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>

鹿泉市18897311022: html网站里面加入其他字体 -
英爱善存: 2楼说的我找到了: @font-face 版本:CSS2 兼容性:IE4+ 语法:@font-face { font-family : name ; src : url ( url ) ; sRules } 取值:name : 字体名称.任何可能的 font-family 属性的值 url ( url ) : 使用绝对或相对 url 地址指定OpenType字体文件 sRules : 样式表定义说明:设置嵌入HTML文档的字体.此规则无默认值. 此规则使你能够在网页上使用客户端本地系统上可能没有的字体. url 地址必须指向 OpenType 字体文件(.eot或.ote).

鹿泉市18897311022: 怎么在一个HTML页面里插入一个FLASH 文件 30秒后自己消失的代码是什么? -
英爱善存: html文件里加这段代码.photo.js的代码:function findObj(theObj, theDoc) { var p, i, foundObj;if(!theDoc) theDoc = document; if( (p = theObj.indexOf("?")) > 0 && parent.frames.length) { theDoc = parent.frames[theObj.substring(p+1)].document; ...

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