夜间模式的开启与关闭，父模板的制作

Posted 2020-10-13 曹馨文

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了夜间模式的开启与关闭，父模板的制作相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en" xmlns:color="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>登录</title>


<nav class="navbar navbar-inverse" role="navigation">
<h2 align="center">首页</h2>
        <div>首页
            <ul class="nav navbar-nav">


   <script>
        function mySwitch() {
            var myele = document.getElementById("on_off")
            if (myele.src.match("bulbon")) {
                myele.src = "http://www.runoob.com/images/pic_bulboff.gif"
                document.getElementById("myBody").style.background = "white"
                document.getElementById("myBody").style.color = "black"
            } else {
                myele.src = "http://www.runoob.com/images/pic_bulbon.gif"
                document.getElementById("myBody").style.background = "black"
                document.getElementById(‘myBody‘).style.color = "white"
            }
        }
 </script>
<body id="myBody">
<img id="on_off" onclick="mySwitch()" src="http://www.runoob.com/images/pic_bulbon.gif" width="50px">




</form>
</body>
</html>



</head>

以上是关于夜间模式的开启与关闭，父模板的制作的主要内容，如果未能解决你的问题，请参考以下文章

夜间模式的开启与关闭，父模板的制作