Create tool.html

18996677975 · web-flow · commit fc9044b40c9d · 2020-02-15T19:10:46.000+08:00
diff --git a/HTML之实现可隐藏式导航栏/tool.html b/HTML之实现可隐藏式导航栏/tool.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>工具框架</title>
+    <script>
+        function hideOrDisplayNavFrame()
+        {
+            var frameset = window.self.top.document.getElementById("myset");
+            var button = window.self.document.getElementById("mybtn");
+            if (button.value == "隐藏导航栏")
+            {
+                frameset.cols = "0px, *";
+                button.value = "显示导航栏";
+            }
+            else
+            {
+                frameset.cols = "150px, *";
+                button.value = "隐藏导航栏";
+            }
+        }
+    </script>
+</head>
+<body>
+    <input id="mybtn" type="button" value="隐藏导航栏" onclick="hideOrDisplayNavFrame();" />
+</body>
+</html>
