12BOM编程常见API和属性 

  1 <!DOCTYPE html>
  2 <html lang="en">
  3 <head>
  4     <meta charset="UTF-8">
  5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6     <title>Document</title>
  7 
  8     <script>
  9         /*
 10             window 对象是由浏览器提供给我们使用的，无需自己new
 11             window.可以省略不写
 12                 三种弹窗方式
 13                     alert
 14                     prompt
 15                     confirm
 16 
 17                 定时任务
 18                     setTimeout
 19             
 20             history 窗口的访问历史
 21             location
 22             sessionStorage 用于存储一些会话级数据 （浏览器关闭，数据清除）
 23             localStorage 用于存储一些持久级数据 （浏览器关闭，数据还在）
 24             console 控制台
 25 
 26             更多可见菜鸟网
 27 
 28 
 29         */
 30         function fun1(){
 31             window.alert("Hello!")
 32         }
 33         function fun2(){
 34             var res = window.prompt("Hello, 请输入姓名")
 35             console.log(res)
 36         }
 37         function fun3(){
 38             var res = window.confirm("确定要删除吗？")
 39             console.log(res)
 40         }
 41         function fun4(){
 42             window.setTimeout(function (){console.log("hello")},2000)
 43         }
 44 
 45         function fun5(){
 46             //向前翻页
 47             history.back()
 48         }
 49         function fun6(){
 50             //向后翻页
 51             history.forward()
 52         }
 53         function fun7(){
 54             //向后翻()页
 55             history.go(1)
 56         }
 57         
 58         function fun8(){
 59             //修改地址栏中的url
 60             location.href="https://www.cnblogs.com/IrVolcano"
 61         }
 62 
 63         function fun9(){
 64             //向sessionStorage中存储数据
 65             sessionStorage.setItem("keya","valueA")
 66             //向localStorage中存储数据
 67             localStorage.setItem("keyb","valueB")
 68         }
 69         function fun10(){
 70             console.log(sessionStorage.getItem("keya","valueA"))
 71             console.log(localStorage.getItem("keyb","valueB"))
 72         }
 73         function fun11(){
 74             sessionStorage.removeItem("keya")
 75             localStorage.removeItem("keyb")
 76         }
 77         
 78     </script>
 79 
 80 </head>
 81 <body>
 82     <button onclick="fun9()">存储数据</button>
 83     <button onclick="fun10()">读取数据</button>
 84     <button onclick="fun11()">清空数据</button>
 85     
 86     <hr>
 87     <button onclick="fun8()">跳转</button>
 88 
 89     <hr>
 90     <button onclick="fun5()">上一页</button>
 91     <button onclick="fun6()">下一页</button>
 92 
 93     <a href="https://www.cnblogs.com/IrVolcano">我的博客园</a>
 94 
 95     <hr>
 96     <button onclick="fun1()">信息提示框</button>
 97     <button onclick="fun2()">信息输入框</button>
 98     <button onclick="fun3()">信息确认框</button>
 99     <button onclick="fun4()">两秒钟后向控制台打印Hello</button>
100 </body>
101 </html>

 

posted @ 2024-03-24 20:25  白茶花约  阅读(18)  评论(0)    收藏  举报