js弹出对话框的方法总结

最新推荐文章于 2023-04-19 16:39:52 发布

weixin_30648963

最新推荐文章于 2023-04-19 16:39:52 发布

阅读量172

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Tanghongchang/p/7097438.html

版权

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

weixin_30648963

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js弹出对话框的方法总结

1、最基本的js弹出对话框窗口代码<script LANGUAGE="javascript"> window.open (" 地址 ") </script>2、增加属性设置的js弹出对话框代码<script LANGUAGE="javascript"> window.open("page.html", ...
复制链接

扫一扫