瀏覽器彈出小頁面

1、瀏覽器的各種彈出框可以讓開發頁面變得豐富些:

/**
   * 兩種彈出小頁面的方法
   */
function pop(){
    var str = "";
    if (window.screen) {
        var ah = screen.availHeight - 20;
        var aw = screen.availWidth - 10;
        var xc = (aw - 50) / 2;
        var yc = (ah - 485) / 2;
        str += "dialogLeft:" + xc + ";";
        str += "dialogTop:" + yc + ";";
        alert(str);
    }
    // window.showModalDialog("https://www.baidu.com",window, "dialogHeight:500px;dialogWidth:500px;status=no;"+str);
    // 個人感覺這個方法挺好用的
    window.open ('https://www.baidu.com','newwindow','height=500,width=600,top=100,left=100,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');
}

  /**
   *  彈出一個輸入框，輸入一段文字，可以提交
   */
      function prom() {
      var name = prompt("請輸入您的名字", ""); //將輸入的內容賦給變數 name ，

      //這裡需要注意的是，prompt有兩個引數，前面是提示的話，後面是當對話方塊出來後，在對話方塊裡的預設值
      if (name)//如果返回的有內容
      {
          alert("歡迎您：" + name)
      }

  }

2、讓一個div塊通過js方法控制顯示或隱藏:

/**
 * 隱藏或顯示發票型別
 */
function invoiceType(){
    var toast = document.getElementById("invoiceType");
    var fp = document.getElementsByName("fp");
    if (fp[0].checked){
    toast.style.display="block";
}else {
        toast.style.display="none";
    };
}