㈠ 在html文件引入其它html文件的幾種方法
簡介：在論壇中常常有網友問到，可以在一個html的文件當中讀取另一個html文件的內容嗎？答案是確定的，而且方法不只一種，在以前我只會使用iframe來引用，後來發現了另外的幾種方法，那今天就總結這幾種方法讓大家參考一下，本人覺得第三種方式較好！ 1.IFrame引入，看看下面的代碼 <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" </IFRAME 你會看到一個外部引入的文件，但會發現有一個類似外框的東西將其包圍，可使用：<iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=30 src="import.htm" frameborder=0</iframe 但你會發現還會有點問題，就是背景色不同，你只要在引入的文件import.htm中使用相同的背景色也可以，但如果你使用的是IE5.5的話，可以看看這篇關於透明色的文章 如果想引入的文件過長時不出現滾動條的話在import.htm中的body中加入scroll=no 2.<object方式 <object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30</object 3.Behavior的download方式 <span id=showImport</span <IE:Download ID="oDownload" STYLE="behavior:url(#default#download)" /<scriptfunction onDownloadDone(downDate){
㈡ 請問html頁面怎麼引入公共的Html頁面呢
<!--第一種：jquery獲取dom內的id，直接載入想要引入的頁面-->
<divid="page"></div>
<script>
$("#page").load("header.html");
</script>
<!--第二種：引入include.js文件，然後用include標簽載入想要的頁面
代碼如下-->
<script>
(function(window,document,undefined){
varInclude39485748323=function(){}
Include39485748323.prototype={
//倒序循環
forEach:function(array,callback){
varsize=array.length;
for(vari=size-1;i>=0;i--){
callback.apply(array[i],[i]);
}
},
getFilePath:function(){
varcurWwwPath=window.document.location.href;
varpathName=window.document.location.pathname;
varlocalhostPaht=curWwwPath.substring(0,curWwwPath.indexOf(pathName));
varprojectName=pathName.substring(0,pathName.substr(1).lastIndexOf('/')+1);
returnlocalhostPaht+projectName;
},
//獲取文件內容
getFileContent:function(url){
varie=navigator.userAgent.indexOf('MSIE')>0;
varo=ie?newActiveXObject('Microsoft.XMLHTTP'):newXMLHttpRequest();
o.open('get',url,false);
o.send(null);
returno.responseText;
},
parseNode:function(content){
varobjE=document.createElement("div");
objE.innerHTML=content;
returnobjE.childNodes;
},
executeScript:function(content){
varmac=/<script>([sS]*?)</script>/g;
varr="";
while(r=mac.exec(content)){
eval(r[1]);
}
},
getHtml:function(content){
varmac=/<script>([sS]*?)</script>/g;
content.replace(mac,"");
returncontent;
},
getPrevCount:function(src){
varmac=/..//g;
varcount=0;
while(mac.exec(src)){
count++;
}
returncount;
},
getRequestUrl:function(filePath,src){
if(/http:///g.test(src)){returnsrc;}
varprevCount=this.getPrevCount(src);
while(prevCount--){
filePath=filePath.substring(0,filePath.substr(1).lastIndexOf('/')+1);
}
returnfilePath+"/"+src.replace(/..//g,"");
},
replaceIncludeElements:function(){
var$this=this;
varfilePath=$this.getFilePath();
varincludeTals=document.getElementsByTagName("include");
this.forEach(includeTals,function(){
//拿到路徑
varsrc=this.getAttribute("src");
//拿到文件內容
varcontent=$this.getFileContent($this.getRequestUrl(filePath,src));
//將文本轉換成節點
varparent=this.parentNode;
varincludeNodes=$this.parseNode($this.getHtml(content));
varsize=includeNodes.length;
for(vari=0;i<size;i++){
parent.insertBefore(includeNodes[0],this);
}
//執行文本中的額javascript
$this.executeScript(content);
parent.removeChild(this);
//替換元素this.parentNode.replaceChild(includeNodes[1],this);
})
}
}
window.onload=function(){
newInclude39485748323().replaceIncludeElements();
}
})(window,document)
</script>
<!--下面引入文件-->
<includesrc="header.html"></include>
<!--第三種：用inframe框架載入頁面，兼容性不好-->
<iframesrc="xxx.html"></iframe>
㈢ html頁面怎麼引入html代碼
直接在html文件寫入html代碼即可。 最簡單的方法就是新建一個記事本，然後在記事本裡面寫入自己的html代碼，寫完之後ctrl+shift+s另存為html文件，雙擊打開這個文件就可以自動在瀏覽器運行了。 不過初學者的話建議還是使用一些像DW這樣的編輯器軟體來輔助自己編寫html代碼。 --河南新華網路運營協會為您解答！