欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 编程资源 > 编程问答 >内容正文

编程问答

js弹出对话框的方法总结

发布时间：2025/3/20 编程问答 54 豆豆
生活随笔 收集整理的这篇文章主要介绍了 js弹出对话框的方法总结 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

 

1、最基本的js弹出对话框窗口代码

<script LANGUAGE="javascript"> window.open (" 地址 ") </script>

 

2、增加属性设置的js弹出对话框代码

<script LANGUAGE="javascript"> window.open("page.html", "newwindow","height=100, width=400, top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no,status=no") //写成一行 </script>

 

window.open          弹出新窗口的命令； 
"page.html"            弹出窗口的文件名； 
"newwindow"         弹出窗口的名字（不是文件名），非必须，可用空""代替； 
height=100            窗口高度； 
width=400             窗口宽度； 
top=0                    窗口距离屏幕上方的象素值； 
left=0                     窗口距离屏幕左侧的象素值； 
toolbar=no            是否显示工具栏，yes为显示； 
menubar，scrollbars 表示菜单栏和滚动栏。 
resizable=no        是否允许改变窗口大小，yes为允许； 
location=no          是否显示地址栏，yes为允许； 
status=no             是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

 

3、用函数控制js弹出对话框窗口

<script LANGUAGE="javascript"> function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar= no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") } </script>

这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途

调用方法

<body οnlοad="openwin()"> --浏览器读页面时弹出窗口。<body οnunlοad="openwin()">--浏览器离开页面时弹出窗口。<a href="#" οnclick="openwin()">打开一个窗口</a> --用一个连接调用，使用的“#”是虚连接。<input type="button" οnclick="openwin()" value="打开窗口">--用一个按钮调用。

 

转载于:https://www.cnblogs.com/Tanghongchang/p/7097438.html

总结

以上是生活随笔为你收集整理的js弹出对话框的方法总结的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。