How to make a programming code box in html css bootstrap or angular js
Question
如何在HTML CSS Bootstrap或angular js中制作编程代码框
1 answers
solution1
2 ACCPTED 2017-03-28 05:12:00
One way is to use w3-include
<!DOCTYPE html>
<html>
<script src="https://www.w3schools.com/lib/w3data.js"></script>
<body>
<div w3-include-html="content.html"></div>
<script>
w3IncludeHTML();
</script>
</body>
</html>
Or PHP style
<html>
<body>
<h1>Welcome to my home page!</h1>
<p>Some text.</p>
<p>Some more text.</p>
<?php include 'footer.php';?>
</body>
</html>
To complete, here's a JQuery style (thanks @Manivannan for the link)
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"</script>
<script>
$(function(){
$("#headerDiv").load("header.html");
});
</script>
</head>
<body>
<div id="headerDiv"></div>
<!-- Rest of the code -->
</body>
</html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Would there be a shorter version of this part of code in JS / CSS / HTML programming?
How can I make an HTML box slide on hover and reveal the text underneath it using JS or CSS
How can I make the third item entered into an input box a different color? (JS, HTML, CSS)
How I can make custom select box with search bar using html css js
how to make a responsive box using html code?
How to Edit this Code HTML/CSS to Make the 'Select' JS code also Copy 2 Clipboard?
How to Add Full HTML, CSS, and JS in Angular 2
How to make my .css and .js file work with my html code loaded in a WebView on Android
Having 2 css code blocks in html files how to make only one work using JS?
Extra Element Selection Box In Unoccupied Space (HTML/JS/CSS w/ Angular.js)
Related Tags