浏览器弹出小页面

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";
    };
}