Question

我想在文件夹的每个其他文件中包含一个单独的html头文件header.html，而使用php localhost我们使用<?php include 'header.php'; ?>只需更改扩展名并在任何地方使用它但现在我是使用* golang ，我不知道如何在每个html文件中包含header.html文件。我会这样做一次单独写，因为有两个文件，但如果有50个文件的html那么它的时间是单独编写代码。如何在文件夹的其余html文件中包含单个html标头文件？

我正在使用的代码是

html文件

<body>
 <header>{{template "bootstrap_header.html"}}</header>
<h3>Login Here</h3>
 <input type="text" id="email" name="email" value="" placeholder="enter your email here">
 <input type="text" id="password" name="password" value="" placeholder="enter your password here">
 <button id="button_first">Click it for Login</button>
 <script>
    $(document).ready(function(){
        $('button').on('click', function(e){
            var email = $('#email').val()
            var password = $('#password').val()
            $.ajax({
                    url:"/api/v2/login",
                    type:"POST",
                    data: {'email':email, "password":password},
                success: function(results) {
                    console.log(results)
                    if(results.response.message === "Success"){
                        console.log("hello")
                        alert(results.response.message);
                        function setCookie(cname, cvalue, exdays) {
                            document.cookie = cname + "=" + cvalue + ";path=/";
                        }
                    setCookie("X-Test-Header", results.response.total_record)
                    document.location.href = "/api/v1/customer?Number="+results.response.data[0]._id;
                    }
                    if(results.response.message === "Failure"){
                        console.log("hello")
                        alert(results.response.data);
                    }
                }   
            });
        });
    });
 </script>
</body>

此页面会根据给定的网址document.location.href = "/api/v1/customer?Number="+results.response.data[0]._id;

重定向我

转到代码

t, err := template.ParseFiles("buttons.html", "bootstrap_header.html")
if err != nil { 
    panic(err)  
}

err = t.ExecuteTemplate(os.Stdout, "buttons.html", nil)
if err != nil {
    panic(err)
}

给我输出为终端

Both file code in the terminal

预期输出是在浏览器中显示

Answer 1

您可以使用Html 5属性 w3-include-html

content.html

 <ahref="howto_google_maps.asp">Google Maps</a><br>
<ahref="howto_css_animate_buttons.asp">Animated Buttons</a><br>
<ahref="howto_css_modals.asp">Modal Boxes</a><br>
<ahref="howto_js_animate.asp">Animations</a><br>
<ahref="howto_js_progressbar.asp">Progress Bars</a><br>
<ahref="howto_css_dropdown.asp">Hover Dropdowns</a><br>
<ahref="howto_js_dropdown.asp">Click Dropdowns</a><br>
<ahref="howto_css_table_responsive.asp">Responsive Tables</a><br>

<div w3-include-html="h1.html"></div> <div w3-include-html="content.html"></div>

这就像php include

一样

如何在包含文件夹的每个html文件中包含单独的头文件？

1 个答案: