HTML reuse techniques
|
HTML reuse is a term that is rarely mentioned. Today, I will summarize this issue as follows: In older versions of browsers, HTML documents do not support nesting. To reuse HTML code, there are two main approaches based on server-side and client-side implementations: 1. Server-side implementation a. Use SSI, which is the usual shtml file. b. Include class statements of asp, php, etc., template pages and user controls of asp.net. 2. Implement on the client side a. Use javascript client script a1. You can trigger a js method in the onload event of the html document, find a page element as a container in the method, and output a piece of html code in the container (you can define a string to store the html code snippet to be output, for example: var str="<p>hello world!</p>";). a2. Use script registration blocks such as <script type="text/javascript" src="Default3.aspx"></script> in the page (the Default3.aspx here can also be a js script file or other server-side output that implements the js format), and use the document.write method in the implemented script file to print out the html code to be reused. a3. Implemented using AJAX. This method has a flaw, that is, some client browsers do not support ajax cross-site calls by default. b. Use iframe The choice between the two: In most cases, the server-side implementation is preferred, unless the client-side implementation is used in some static pages or in some special occasions. More references: http://ask-leo.com/how_do_i_include_one_html_file_inside_another.html http://www.boutell.com/newfaq/creating/include.html http://blog.csdn.net/omohe/archive/2007/10/28/1850766.aspx |
<<: Mini Program Custom TabBar Component Encapsulation
>>: Basic knowledge of website design: newbies please read this
Recommend
Detailed explanation of the binlog log analysis tool for monitoring MySQL: Canal
Canal is an open source project under Alibaba, de...
HTML+CSS to implement the sample code of the navigation bar drop-down menu
Effect The pictures in the code can be changed by...
Analysis of the principles of docker containers
Table of contents 01 What is the essence of a con...
MySQL REVOKE to delete user permissions
In MySQL, you can use the REVOKE statement to rem...
JavaScript to achieve fireworks effects (object-oriented)
This article shares the specific code for JavaScr...
Full steps to create a high-performance index in MySQL
Table of contents 1. Index Basics 1. Types of Ind...
Bootstrap 3.0 study notes buttons and drop-down menus
The previous article was a simple review of the B...
Detailed explanation of the writing order and execution order of Mysql series SQL query statements
Table of contents 1. The writing order of a compl...
Zabbix redis automatic port discovery script returns json format
When we perform automatic discovery, there is alw...
Research on the value of position attribute in CSS (summary)
The CSS position attribute specifies the element&...
How to change the root user's password in MySQL
Method 1: Use the SET PASSWORD command mysql> ...
Implementation process of nginx high availability cluster
This article mainly introduces the implementation...
How to use MySQL group by and order by together
Suppose there is a table: reward (reward table), ...
How to use Vuex's auxiliary functions
Table of contents mapState mapGetters mapMutation...
Detailed explanation of how to use grep to obtain MySQL error log information
To facilitate the maintenance of MySQL, a script ...