如何在HTML CSS Bootstrap或angular js中制作编程代码框

Question

如何在HTML CSS Bootstrap或angular js中制作编程代码框

Answer 1

One way is to use w3-include 一种方法是使用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 还是PHP风格

<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) 要完成，这是一个JQuery样式（感谢@Manivannan提供的链接）

<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>

如何在HTML CSS Bootstrap或angular js中制作编程代码框

问题描述

1 个解决方案

解决方案1
2 已采纳 2017-03-28 05:12:00

如何在HTML CSS Bootstrap或angular js中制作编程代码框

问题描述

1 个解决方案

解决方案1 2 已采纳 2017-03-28 05:12:00

解决方案1
2 已采纳 2017-03-28 05:12:00