浏览器弹出小页面
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"; }; }
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 最后一次说说闭包
- Ajax
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享