Home >Web Front-end >HTML Tutorial >Include file content in html file

Include file content in html file

高洛峰
高洛峰Original
2017-02-27 11:14:261525browse

Netizens often ask in forums, can I read the content of another html file in an html file? The answer is yes, and there is more than one method. In the past, I would only use iframe to reference, but later I found several other methods. So today I will summarize these methods for your reference. I think the third method is better. good!

Several ways to introduce other html files into html files

1.IFrame introduction, look at the following code

<IFRAME NAME="content_frame" width=100% height=40 marginwidth=0 marginheight=0 SRC="import.htm"  ></IFRAME>

You will see An externally imported file, but you will find that it is surrounded by something similar to an outer frame. You can use

<iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=40 src="import.htm"  frameborder=0></iframe>

, but you will find that there is still a problem, that is, the background color is different. You only need to import the imported file. You can also use the same background color in .htm, but if you are using IE5.5, you can read this article about transparent colors. If you want to introduce a file that is too long, the scroll bar will not appear. If so, add

to the body in import.htm and add scroll=no

*Disadvantages: Navigation jumps cannot be made. Jumping inside the iframe will cause

to be superimposed on the content.

2.273238ce9338fbb04bee6997e5552b95Method

<object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>
object tag - define an embedded object (for example: image, media, code, etc.)

* Does not conform to standard web pages The concept of design has been abandoned by standard web design.

3.Behavior download method

##40d8b2add5c885681ee69b053cc9de2354bdf357c58b8a65c66d7c19c8e4d114

a6e4492d38e169ce54de625bbf05a776

3f1c4e4b6b16bbbd69b2ee476dc4f83a

function onDownloadDone(downDate){

showImport. innerHTML=downDate
}
oDownload.startDownload('import.htm',onDownloadDone)
2cacc6d41bbb37262a98f745aa00fbf0


For more articles related to the content of include files in html files, please Follow PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn