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弹出对话框的方法总结相关推荐

九种js弹出对话框的方法
[1.最基本的js弹出对话框窗口代码] 这是最基本的js弹出对话框,其实代码就几句非常简单: 复制代码代码如下: <script LANGUAGE="javascript"& ...
html js弹出等待框,九种js弹出对话框的方法总结
[1.最基本的js弹出对话框窗口代码] 这是最基本的js弹出对话框,其实代码就几句非常简单: 因为这是一段javascripts代码,所以它们应该放在之间.是对一些版本低的浏览器起作用,在这些老浏览器 ...
九种js弹出对话框的实现方法
原文地址:九种js弹出对话框的实现方法作者:哼哼哈哈网络编程中,经常要用到 js弹出对话框 http://www.cnxwlm.com/network-biancheng/baidu_313/来增 ...
js“弹出对话框”和“弹出窗口”详解
JS中showModalDialog 详细使用基本介绍: showModalDialog() (IE 4+ 支持) showModelessD ...
java在后台输出js弹出对话框
http://blog.163.com/yurong_1987@126/blog/static/4751786320092711596354/ 实现方法分为两种: 一.直接在后台打印js对话框,原理如 ...
JS弹出对话框的三种方式
javascript的三种对话框是通过调用window对象的三个方法alert(),confirm()和prompt()来获得,可以利用这些对话框来完成js的输入和输出,实现与用户能进行交互的js代码 ...
js弹出对话框(半透明背景，兼容各浏览器)
js弹出对话框在某些情况下是一个很好的工具,通过半透明的设置,使得弹出对话框在弹出时仍然能够看到网页内容,会让用户有一个很好的界面体验. 而且懒人萱已做过测试,可以兼容现在的所有主流浏览器,所以你可以 ...
php谈对话框,php实现弹出对话框的方法
php实现弹出对话框的方法发布时间:2020-07-03 11:47:15 来源:亿速云阅读:123 作者:Leah 本篇文章为大家展示了php实现弹出对话框的方法,代码简明扼要并且容易理解,绝对 ...
用js弹出对话框的一些实用方法
作者:张铭标撰写时间:2019年7月 17日第一种基本的窗口弹出方法: 使用window.open("")括号里面就是你要弹出的页面的路径,用单引号或者双引号都可以.这段代码可 ...

js弹出对话框的方法总结

js弹出对话框的方法总结相关推荐

最新文章

热门文章