（笔记）javascript弹出窗口总结

最新推荐文章于 2022-06-11 15:22:43 发布
最新推荐文章于 2022-06-11 15:22:43 发布
阅读量922 收藏 1
点赞数
分类专栏： JAVASCRIPT 文章标签： javascript function scroll url html object
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zpf644792799/article/details/6696788
版权
  

一：window.open()弹出窗口

语法格式：

var returnValue = window.open(URL,windowname[,location]);

 

参数解释：
    URL ： 打开窗口的html地址

    windowname ： window对象的名称

    location ： 弹出窗口属性设置参数

    returnValue 的值不为空则open成功

 

location参数设置可选参数
属性说明
width窗口宽度
height窗口高度
scrollbars是否显示滚动条
resizable设置窗口大小是否固定
toolbar设置浏览器工具条
menubar设置菜单条
location设置地址栏
direction设置刷新按钮

 

实例：

JS代码
<script>
        window.onload = function(){
	    var winal = window.open("Hello_World.html", "openwindow"); 
        }
</script
弹出窗HTML代码
<body>
        <p style="color:red;">Hello World!</p>
</body>


效果：.

.

 

弹出窗口关闭：

window.close();


弹出窗口居中显示：

<script>
        window.onload = function(){
	    var winal = window.open("Hello_World.html", "openwindow","width=100,height=50"); 
             var width = screen.width;
             var heigth = screen.height;
             winal.moveTo((width-100)/2,(height-50)/2);
        }
</script


二： window.showModalDialog()弹出窗口

语法格式：

vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])


参数解释：

    sURL：必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
    vArguments ：可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
    sFeatures ：可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。


 

sFeature参数设置可选参数

dialogHeight:

对话框高度，不小于100px

dialogWidth:

对话框宽度

dialogLeft:

离屏幕左的距离

dialogTop:

 离屏幕上的距离

center:

{ yes | no | 1 | 0 } ：             是否居中，默认yes，但仍可以指定高度和宽度。

help:

{yes | no | 1 | 0 }：               是否显示帮助按钮，默认yes。

resizable:

{yes | no | 1 | 0 } [IE5+]：    是否可被改变大小。默认no。

status:

{yes | no | 1 | 0 } [IE5+]：     是否显示状态栏。默认为yes[ Modeless]或no[Modal]。

scroll:

{ yes | no | 1 | 0 | on | off }：是否显示滚动条。默认为yes。

 

实例1（有参数的情况）：

var obj = new Object();
obj.name="51js";
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");

 

获取参数：

var obj = window.dialogArguments;
alert("您传递的参数为：" + obj.name);


实例2（无参数的情况）：

str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");


文章出自： www.itlanguageexpress.info
 

JW森
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Window.showDialog详解合集
12-30
详解JSP里面的window.showDialog的用法，及页面间参数传递 如何获取弹出框关闭的返回值，模态对话框的操作。
javaScript学习笔记总结.docx
03-17
BOM允许开发者获取和操作浏览器的信息，如浏览器窗口大小、历史记录、弹出对话框等功能。DOM则提供了操作HTML文档的方法，允许通过JavaScript动态修改网页内容。通过DOM，我们可以查找、添加、删除或修改HTML元素，...
PageOffice并发控制
codeglory的博客
12-13 1039
并发控制 使用TimeSlice属性设置打开文档的并发控制时间，防止多个用户同时打开一个文件，出现编辑保存文件相互覆盖的问题。
window.showdialog完全手册，解决模态窗口，传值和返回值问题
weixin_33948416的博客
06-24 561
基本介绍：showModalDialog()(IE4+支持)showModelessDialog()(IE5+支持)window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。使用方法：vReturnValue=window.showModalDi...
wpf 窗口传递参数
weixin_44927769的博客
01-05 2269
我发现网上很多的的传递参数的方法都极其的麻烦，什么事件，重写，注册，继承，根本用不了这么麻烦。一个小委托就可以搞定。 这是主窗口的代码： public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); } //当页面加载完成后执行 private void Window_Loaded(object sender, RoutedEventArg
JavaScript窗口功能指南之创建弹出窗口
-云在青天水在瓶
08-08 640
Internet Explorer 5.5支持一个新的window对象的方法：creatPopup（）。你可以向下面一样创建一个弹出窗口： 　　var popupObj = window.createPopup(); 　　当你创建了这个对象后，弹出窗口并不显示。你必须要调用它的show方法： //from www.w3sky.com　　popupObj.show(yOffset, xO
javascript点击弹出窗口.zip
09-27
总之，这个压缩包提供了从基础到高级的JavaScript弹出窗口实现示例，结合HTML5和AJAX技术，以及CSS样式和图像资源。开发者可以根据自身需求对这些代码进行二次修改，以适应不同项目的需求。无论是学习JavaScript交互...
javascript学习笔记
11-24
BOM使得JavaScript能处理非文档相关的任务，如导航、弹出新窗口和处理用户时间。 JavaScript有多个版本，从最初的JavaScript 1.0到现代的ECMAScript 2022（ES2022），每个新版本都引入了新的特性和改进，以适应不断...
自用弹出窗口jquery
01-07
利用jQuery，开发者可以更轻松地实现复杂的网页交互效果，例如弹出窗口，而无需编写大量的JavaScript代码。 关于【压缩包子文件的文件名称列表】： 1. **jquery.yxDialog.js**：这是主要的插件脚本文件，包含了弹...
JavaScript课程笔记
最新发布
02-21
- **`alert()`**：在浏览器窗口中弹出一个警告框，常用于调试。 - **`document.write()`**：将内容写入当前文档的body中，在页面中显示。 - **`console.log()`**：将内容输出到浏览器的开发者工具控制台中，适用于...
JavaScript常用的窗口函数(showModalDialog,open,confirm)
03-14
NULL 博文链接：https://hongan.iteye.com/blog/287050
window.showdialog showModalDialog 完全手册，解决模态窗口，传值和返回值问题
dxcboy的专栏
05-29 948
基本介绍：showModalDialog() (IE 4+ 支持)showModelessDialog() (IE 5+ 支持)window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。使用方法：vReturnValue = window.showModalDi
JavaScript弹出对话框的三种方式
xiaoweids的博客
06-11 8067
转自：微点阅读 https://www.weidianyuedu.com学习过js的小伙伴会发现，我们在一些实例中用到了alert()方法、prompt()方法、prompt()方法，他们都是在屏幕上弹出一个对话框，并且在上面显示括号内的内容，使用这种方法使得页面的交互性更精彩，实际上我们经常会在进行网页浏览时简单这种类型的对话框，在用户与应用程序进行双向交流时，经常要用到对话框。javascript的三种对话框是通过调用window对象的三个方法alert()，confirm()和prompt()来获得
Window.Show()和Window.ShowDialog()区别
weixin_34054931的博客
06-02 469
Window.Show():     打开窗口并返回，而不等待新打开的窗口关闭。 Window.ShowDialog():   打开一个窗口，并且仅在新打开的窗口关闭后才返回。
在jsp中设置点击某事件时弹出对话框
Howey的博客
03-13 7511
功能描述：在一个商城类系统中，当客户点击取消订单时，弹出一个对话框，当点击确定时，才执行取消订单事件。 点击按钮部分代码： )" value="取消订单" /> 标黄部分为传入js函数的参数，即订单号。 js代码： function disp_confirm(oid) { var r = confirm("亲，您确定取消该订单吗？") if (r == true) { wi
分享：JavaScript弹出对话框的三种方式
yihuliunian的博客
06-10 444
转载自品略图书馆http://www.pinlue.com/article/2019/11/2023/069810461833.html 学习过js的小伙伴会发现，我们在一些实例中用到了alert()方法、prompt()方法、prompt()方法，他们都是在屏幕上弹出一个对话框，并且在上面显示括号内的内容，使用这种方法使得页面的交互性更精彩，实际上我们经常会在进行网页浏览时简单这种类型的对话框，在用户与应用程序进行双向交流时，经常要用到对话框。 javascript的三种对话框是通过调用window.
JavaScript入门教程：第一节课笔记
1. 弹窗显示：使用`alert()`函数，如`alert("信息")`，会在浏览器中弹出对话框显示信息。 2. 网页输出：通过`document.write()`函数将内容写入网页，例如`document.write("信息")`。 3. 控制台输出：利用`console....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值