服務項目:網站建設、仿站、程序開發、APP開發設計、移動網站開發設計、企業網站設計、電子商務網站開發、網站維護、網站推廣、UX/UI 、HTML5、CSS3、JS / Jquery ...
          四川浚浚科技有限公司
          四川浚浚科技有限公司 (開發設計官網)TEL : 15308000360 / QQ : 38585404
          深入挖掘用戶需求
          成就品質用戶體驗

          您的位置:首頁 > 技術經驗 > 前端開發 > 正文

          在html文件里include文件內容的方法小結
          技術支持服務電話:15308000360 【7x24提供運維服務,解決各類系統/軟硬件疑難技術問題】

          在論壇中常常有網友問到,可以在一個html的文件當中讀取另一個html文件的內容嗎?答案是確定的,而且方法不只一種,在以前我只會使用iframe來引用,后來發現了另外的幾種方法,那今天就總結這幾種方法讓大家參考一下,本人覺得第三種方式較好!
           
          在html文件引入其它html文件的幾種方法
           
          1.IFrame引入,看看下面的代碼
           
          <pre class="prettyprint html">
          <IFRAME NAME="content_frame" width=100% height=40 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME>
          </pre>
          你會看到一個外部引入的文件,但會發現有一個類似外框的東西將其包圍,可使用
           
          <pre class="prettyprint html">
          <iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=40 src="import.htm" frameborder=0></iframe>
          </pre>
           
          但你會發現還會有點問題,就是背景色不同,你只要在引入的文件import.htm中使用相同的背景色也可以,但如果你使用
           
          的是IE5.5的話,可以看看這篇關于透明色的文章 如果想引入的文件過長時不出現滾動條的話在import.htm中的body中加
           
          入scroll=no
           
           *缺點:無法做導航跳轉,在iframe里面跳轉,內容疊加出現
           
          2.<object>方式
           
          <pre class="prettyprint html">
          <object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>
          </pre>
          object 標簽 — 定義一個內嵌的物件(例如:圖像, 媒體, 代碼 etc)
           
           * 不符合標準網頁設計的理念,已經被標準網頁設計拋棄.
           
          3.Behavior的download方式
           
           
          <pre class="prettyprint html">
          <span id=showImport></span>
          <IE:Download ID="oDownload" STYLE="behavior:url(#default#download)" />
          <script>
          function onDownloadDone(downDate){
          showImport.innerHTML=downDate
          }
          oDownload.startDownload('import.htm’,onDownloadDone)
          </script>
          </pre>



          上一篇:HTML5+CSS3 實現安卓小人效果
          下一篇:頁面響應式布局CSS樣式通用代碼

          相關熱詞搜索:html
          主站蜘蛛池模板: 亚洲国产成人久久一区www| 国产一卡二卡≡卡四卡免费乱码 | 国产精品久久久久三级| 亚洲mv国产精品mv日本mv| 韩国精品福利vip5号房| 成人h视频在线观看| 亚洲一区二区日韩欧美gif| 男人的好在线观看免费视频| 国产综合久久久久久| 久久精品国产日本波多野结衣| 男女做污污无遮挡激烈免费| 国产伦理一区二区| 思思99re热| 大香伊蕉在人线国产75视频| 亚洲国产精品久久网午夜 | 韩国三级hd中文字幕好大| 国产精品色内内在线播放| √天堂中文在线最新版8下载| 日本在线视频一区二区| 做a的视频免费| 四虎最新紧急更新地址| 好吊妞视频免费观看va| 久久99精品久久久久子伦| 欧洲最强rapper潮水免费| 噜噜噜噜天天狠狠| 91亚洲一区二区在线观看不卡| 成人A级视频在线播放| 久久天天躁狠狠躁夜夜呲| 男人桶女人视频不要下载 | 国产成人AV区一区二区三| 666精品国产精品亚洲| 女的被触手到爽羞羞漫画| 中文字幕成人在线| 日韩中文有码高清| 亚洲一级黄色片| 欧美日韩精品一区二区三区高清视频 | 老师办公室被吃奶好爽在线观看| 在线观看免费成人| 中文在线√天堂| 欧美精品福利视频| 免费福利在线播放|