前言:
现时你们对“js弹出一个新窗体居中”可能比较看重,各位老铁们都需要学习一些“js弹出一个新窗体居中”的相关文章。那么小编也在网络上汇集了一些有关“js弹出一个新窗体居中””的相关文章,希望大家能喜欢,朋友们快快来学习一下吧!(1),弹窗及参数说明
<!DOCTYPE html><html><head><meta charset="utf-8"> <style type="text/css"></style> <link rel="stylesheet" type="text/css" href="#"> </head><body> <input type="button" value="打开新窗口" onclick="openNewWin()" /> </body><script type="text/javascript"> function openNewWin() { var openWindow = window.open("newTest.html", "弹到新窗口", "height=500, width=800, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no"); } /*** (00) window.open 弹出新窗口的命令 (01) newTest.html 弹出窗口的文件名,或请求地址 (02) 弹出窗口的名字(不是文件名),非必须,可用空''代替 (03) height=100 窗口高度 (04) width=400 窗口宽度 (05) top=0 窗口距离屏幕上方的像素值 (06) left=0 窗口距离屏幕左侧的像素值 (07) toolbar=no 是否显示工具栏,yes为显示 (08) menubar 表示菜单栏 (09) scrollbars 表示滚动栏 (10) resizable=no 是否允许改变窗口大小,yes为允许 (11) location=no 是否显示地址栏,yes为允许 (12) status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许 ***/ </script></html>
(2),弹窗并居中
<!DOCTYPE html><html><head><meta charset="utf-8"> <style type="text/css"></style> <link rel="stylesheet" type="text/css" href="#"> </head><body> <input type="button" value="弹出的窗口居中" onclick="testOpenCenterWindow()" /> </body><script type="text/javascript"> function testOpenCenterWindow() { // 窗口垂直位置水平位置 var iTop = (window.screen.availHeight - 30 - 500) / 2; var iLeft = (window.screen.availWidth - 10 - 800) / 2; //减width var openWindow = window.open("newTest.html" ,"测试弹窗口并居中" ,"height=500, width=800, top="+ iTop +", left="+ iLeft +", toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no" ); } </script></html>
(3),窗口 location属性
window对象location属性是引用Location对象,它表示该窗口显示文档的URLwindow.location.href="page1.jsp"; //当前窗口显示指定页面window.close(); //关闭本页面
(4),窗口与父窗口通信
(1) 使用window.open()创建的窗口与父窗口通信 可以在子窗口页面中通过window.opener来获取父窗口对象,获取之后子窗口便可以对父窗口执行刷新,传值等操作。window.opener.location.reload(); //子窗口刷新父窗口window.opener.location.href //获取父窗口href//设置父窗口元素值window.opener.document.getElementById("loginname").value="return1" ;
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #js弹出一个新窗体居中