Reference footer.html in test.html

rendering



code

test.html

<! DOCTYPE HTML > < HTML > <head> <meta charset=" UTF-8 "> <title> References demo</title> <script SRC = "https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js" > < / script > < / head > < body > < div id = "app" > I am page < / div > <! <div class="footer"> </div> <! <script type="text/javascript"> $(".footer").load('footer.html'); $.nicenav(300, '216px'); </script> </body> </html>Copy the code

footer.html

<div class="footerTopRight"> <ul> <li><img SRC = "https://avatar.csdn.net/5/5/7/3_qq_42363090.jpg" Alt = "" > < span > * * * * small program < / span > < / li > < li > < img SRC = "https://avatar.csdn.net/5/5/7/3_qq_42363090.jpg" Alt = "" > < span > * * * public < / span > < / li > < / ul > < / div > < / div >Copy the code