您的位置:首页 > Web前端 > JavaScript

浏览器弹出小页面

2016-07-04 09:50 211 查看
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";
};
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript