Include another HTML file in a HTML file

In my opinion the best solution uses jQuery:

a.html:

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){
      $("#includedContent").load("b.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="includedContent"></div>
  </body> 
</html>

b.html:

<p>This is my include file</p>

This method is a simple and clean solution to my problem.

The jQuery .load() documentation is here.

Related Posts:

  1. jQuery document.createElement equivalent?
  2. How can I scroll to an element using jQuery?
  3. How to resolve the C:\fakepath?
  4. JavaScript get element by name
  5. Uncaught TypeError: Cannot read property ‘top’ of undefined
  6. How can I select an element by name with jQuery?
  7. Parse an HTML string with JS
  8. Retrieve the position (X,Y) of an HTML element
  9. Cannot read property ‘style’ of undefined — Uncaught Type Error
  10. Maximum call stack size exceeded error
  11. How to properly use jsPDF library
  12. Google Chrome Uncaught (in promise) DOMException while playing AUDIO
  13. ChartJS beginAtZero, min, max doesn’t work
  14. how to fix : ” TypeError: Cannot read property ‘addEventListener’ of null”…?//
  15. Cannot set property InnerHTML of null [duplicate]
  16. ReferenceError: $ is not defined
  17. React.js: Set innerHTML vs dangerouslySetInnerHTML
  18. jQuery.click() vs onClick
  19. jQuery Get Selected Option From Dropdown
  20. How to make JavaScript execute after page load?
  21. What is the meaning of == $0 that is shown in inspect element of google chrome for the selected element [duplicate]
  22. (change) vs (ngModelChange) in angular
  23. Bootstrap Dropdown menu is not working
  24. jquery SlideToggle effect in upward direction?
  25. Javascript: getElementById vs getElementsById (both works on different pages)
  26. Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
  27. querySelector vs. getElementById
  28. CSS height 100% percent not working
  29. TypeError: Cannot Set property ‘onclick’ of null
  30. Express Render not working return error: No default engine was specified and no extension was provided
  31. Jquery swipe left or right on mobile
  32. Create table with jQuery – append
  33. How would I call a javascript function in html?
  34. Encode HTML entities in JavaScript
  35. How to make JavaScript execute after page load?
  36. “.addEventListener is not a function” why does this error occur?
  37. How can I check if an element exists in the visible DOM?
  38. How to move all HTML element children to another parent using JavaScript?
  39. Coin toss with JavaScript and HTML
  40. Play an audio file using jQuery when a button is clicked
  41. getBoundingClientRect is not a function
  42. Jquery button click() function is not working
  43. Make iframe automatically adjust height according to the contents without using scrollbar?
  44. How do I include a JavaScript file in another JavaScript file?
  45. How do I modify the URL without reloading the page?
  46. Textarea Auto height
  47. Error: ENOENT: no such file or directory, stat ‘/public/main.html’ at Error (native)
  48. How do I check whether a checkbox is checked in jQuery?
  49. How to create a HTML Cancel button that redirects to a URL
  50. What does ngf-select do and why is it needed for form validation?
  51. jQuery count child elements
  52. How do I check if an element is hidden in jQuery?
  53. How to get the selected radio button’s value?
  54. Creating a div element in jQuery
  55. Scroll to bottom of div?
  56. document.getElementById().value doesn’t set the value
  57. Force div to be topmost element of any and all webpages
  58. How to run a function when the page is loaded?
  59. Clearing my form inputs after submission
  60. Reload an iframe with jQuery
  61. Video auto play is not working in Safari and Chrome desktop browser
  62. How to change the buttons text using javascript
  63. how to display a div triggered by onclick event
  64. Why is jquery show() not working in example
  65. How can I use jQuery to run MySQL queries?
  66. anchor jumping by using javascript
  67. jQuery scrollTop() method not working
  68. FormData append not working
  69. How to change the text of a label?
  70. Print a div content using Jquery
  71. JavaScript – Count Number of Visitor for Website
  72. Using “&times” word in html changes to ×
  73. How do I store an array in localStorage?
  74. Getting or changing CSS class property with Javascript using DOM style
  75. Changing the selected option of an HTML Select element
  76. HTML anchor link – href and onclick both?
  77. How can I know which radio button is selected via jQuery?
  78. Positioning
  79. img onclick call to JavaScript function
  80. How to scroll to top of page with JavaScript/jQuery?
  81. How to embed an autoplaying YouTube video in an iframe?
  82. “Uncaught TypeError: Illegal invocation” in Chrome
  83. How to make HTML element resizable using pure Javascript?
  84. The value of attribute [ data-type ] must be in double quotes – custom html widget error
  85. Adding JavaScript to a WordPress website
  86. Insert “javascript:void(0);” into URL
  87. How to display post content in the block editor
  88. My Button Default Click Is Not Working In WordPress Using Javascript Code
  89. Why is JavaScript being added to header as application/oembed?
  90. Make a script work within a page
  91. how to let users upload their custom cover image
  92. Add Paypal button redirect to a specific page after completing
  93. internal anchor links no longer working after upgrade
  94. Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
  95. Hide CSS class only in single post pages
  96. Making the HTML list to a checkbox tree with the plugin jstree [closed]
  97. Javascript file not included only on home page
  98. dropdown does not work [closed]
  99. How do I cycle a JS function in WordPress? [closed]
  100. Sending GravityForms to custom HTML

Leave a Comment