How to use the content of include files in html files-HTML Tutorial-php.cn

Home

Web Front-end

HTML Tutorial

How to use the content of include files in html files

php中世界最好的语言

Jan 25, 2018 am 11:22 AM

html include content

This time I will show you how to use the content of the include file in the html file. What are the precautions when using the content of the include file in the html file. The following is a practical case. Get up and take a look.

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 cite , but later I found several other methods. So today I will summarize these methods for your reference. I I think the third way is better!

Several methods of introducing other html files in 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>

Copy after login

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>

Copy after login

, 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: Cannot do

navigation

jump, jump inside iframe, and the content will be superimposed.

2.<object

>Method

<object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>

Copy after login

object tag—define an embedded object (for example: image, media, code, etc.)

* The concepts that do not conform to standard web design have been abandoned by standard web design.

3.Behavior download method

<span id=showImport></span>
<IE:Download ID="oDownload" STYLE="behavior:url(#default#download)" />
<script>
function onDownloadDone(downDate){
showImport.innerHTML=downDate
}
oDownload.startDownload(&#39;import.htm’,onDownloadDone)
</script>

Copy after login

I believe you have mastered the method after reading these cases, more Please pay attention to other related articles on the php Chinese website!