操屁眼的视频在线免费看,日本在线综合一区二区,久久在线观看免费视频,欧美日韩精品久久综

先看一下效果

直入主題

   
   
   
   


   Show
   

      我是一個彈窗
      Close
   
   <script>
      const dialog = document.querySelector('#dialog')
      function dialogShow() {
         dialog.show()
      }
      function dialogClose() {
         dialog.close()
      }
   </script>

代碼

效果 可以看到標簽自帶show方法和close方法，我們可以直接調用 再來看看方法(注意中的M必須大寫)

   
   
   
   


   ShowModal
   

      我是一個彈窗
      Close
   
   <script>
      const dialog = document.querySelector('#dialog')
      function dialogShowModal() {
         dialog.showModal()
      }
      function dialogClose() {
         dialog.close()
      }
   </script>

代碼

效果 標簽方法，和show方法2點區別： show方法 彈窗的位置水平方向居中，垂直方向排列在元素后面而方法 彈窗位置水平方向和垂直方向均居中； show方法 不會影響用戶進行其他操作用css樣式控制超鏈接顏色顯示，而方法 會加上一層遮罩，用戶無法繼續操作 之外的元素(點擊、輸入等) 補充：支持 除 外的全局樣式，也就是說我們可以給標簽設置css樣式用css樣式控制超鏈接顏色顯示，對進行美化