Summary of methods to include file contents in HTML files

In the forum, netizens often ask, can I read the contents of another html file in an html file? The answer is yes, and there is more than one way. In the past, I only used iframe to reference, and later I found several other methods. Today I will summarize these methods for your reference. I think the third method is better!

Several ways to introduce other HTML files in HTML files

1.IFrame introduction, look at the following code

Copy code

The code is as follows:

You will see an externally imported file, but you will find something like an outer frame surrounding it. You can use

Copy code

The code is as follows:

But you will find that there is still a problem, that is, the background color is different. You can just use the same background color in the imported file import.htm, but if you use

If you are using IE5.5, you can read this article about transparent colors. If you want to import a long file without scroll bars, add this to the body of import.htm:

Enter scroll=no

*Disadvantages: Unable to do navigation jump, jump inside iframe, content overlap appears

2.<object> method

Copy code

The code is as follows:

object tag — defines an embedded object (e.g. image, media, code, etc.)

* It does not conform to the concept of standard web design and has been abandoned by standard web design.

3.Behavior download method

Copy code

The code is as follows:

<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>

<<: How to implement rounded corners with CSS3 using JS

>>: Pure CSS code to achieve flow and dynamic line effects