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
Understanding Vuex in one article
Table of contents Overview Vuex four major object...
How to quickly repair corrupted MySQL database files using the myisamchk and mysqlcheck tools
Because the server's database hard disk space...
Detailed explanation of the role of explain in MySQL
1. MYSQL index Index: A data structure that helps...
Tomcat maxPostSize setting implementation process analysis
1. Why set maxPostSize? The tomcat container has ...
The design process of Alibaba's Mid-Autumn Festival logo combined with the website
<br />First think of the idea, then draw a s...
Detailed explanation of Zabbix installation and deployment practices
Preface Zabbix is one of the most mainstream op...
How to configure VMware multi-node environment
This tutorial uses CentOS 7 64-bit. Allocate 2GB ...
Detailed usage of React.Children
Table of contents 1. React.Children.map 2. React....
Detailed explanation of the principles and usage of MySQL master-slave replication and read-write separation
This article uses examples to illustrate the prin...
Vue implements Dialog encapsulation
Table of contents Vue2 Writing Vue3 plugin versio...
How to open MySQL binlog log
binlog is a binary log file, which records all my...
How to delete special character file names or directories in Linux
Delete a file by its inode number First use ls -i...
Detailed explanation of MySQL's FreeList mechanism
1. Introduction After MySQL is started, BufferPoo...
Detailed steps to install CentOS7 system on VMWare virtual machine
Pre-installation work: Make sure vmware workstati...
How to install PostgreSQL and PostGIS using yum on CentOS7
1. Update the yum source The PostgreSQL version o...