js弹出新页面并传值

showModalDialog 详细使用
基本介绍：showModalDialog()         (IE 4+ 支持)showModelessDialog()      (IE 5+ 支持)window.showModalDialog()                  方法用来创建一个显示HTML内容的模态对话框。window.showModelessDialog()             方法用来创建一个显示HTML内容的非模态对话框。
使用方法：vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
参数说明：sURL          --  必选参数，类型：字符串。用来指定对话框要显示的文档的URL。vArguments    -- 可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过 window.dialogArguments来取得传递进来的参数。sFeatures     -- 可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。
----------------
1.    dialogHeight:    对话框高度，不小于100px
2.    dialogWidth:    对话框宽度。
3.    dialogLeft:     离屏幕左的距离。
4.    dialogTop:     离屏幕上的距离。
5.    center:          { yes | no | 1 | 0 } ：              是否居中，默认yes，但仍可以指定高度和宽度。
6.    help:             {yes | no | 1 | 0 }：                是否显示帮助按钮，默认yes。
7.    resizable:       {yes | no | 1 | 0 } [IE5+]：     是否可被改变大小。默认no。
8.    status:          {yes | no | 1 | 0 } [IE5+]：      是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9.    scroll:            { yes | no | 1 | 0 | on | off }：是否显示滚动条。默认为yes。下面几个属性是用在HTA中的，在一般的网页中一般不使用。
10.    dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印预览时对话框是否隐藏。默认为no。
11.    edge:{ sunken | raised }：指明对话框的边框样式。默认为raised。
12.    unadorned:{ yes | no | 1 | 0 | on | off }：默认为no。参数传递：
1. 要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符。也可以传递对象，例如：
-------------------------------
parent.htm
<script>var obj = new Object();obj.name="51js";window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.htm
<script>var obj = window.dialogArgumentsalert("您传递的参数为：" + obj.name)
</script>
-------------------------------
2.可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。例如：
------------------------------
parent.htm
<script>str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");alert(str);
</script>
modal.htm
<script>window.returnValue="http://homepage.yesky.com";
</script>常见技巧：一、怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口？在被打开的网页里加上<base target="_self">就可以了。这句话一般是放在<head>之间的。二、怎样才刷新showModalDialog和showModelessDialog里的内容？在showModalDialog和showModelessDialog里是不能按F5刷新的，又不能弹出菜单。这个只能依靠javascript了，以下是相关代码：<body οnkeydοwn="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" style="display:none">reload...</a>将filename.htm替换成网页的名字然后将它放到你打开的网页里，按F5就可以刷新了，注意，这个要配合<base target="_self">使用，不然你按下F5会弹出新窗口的。三、如何用javascript关掉showModalDialog(或showModelessDialog)打开的窗口。<input type="button" value="关闭" οnclick="window.close()">也要配合<base target="_self">，不然会打开一个新的IE窗口，然后再关掉的。四、Math.random与showModalDialog。当你设置的弹出网页固定时（如上面的"modal.htm"页面），ie很可能到临时文件区，下载上次产生的该页面(openPage.html),而没有重新加载，对于动态加载的页面来说，这样往往产生误会，如没有及时更新数据，也就更不利于开发者测试。所以，你可以采用如下方式：var strPage = “/medal.htm?random="+Math.random();这样每次产生的strPage是不一样的，原因也就不言自明了。

js弹出新页面并传值相关推荐

html弹窗页面控制大小,使用JS弹出新窗口，并设置窗口的大小和位置等相关属性，传递参数...
使用JS弹出新窗口,同时向弹出的页面传递一个参数. 首先,使用JS获取需要传递的参数.然后将参数传入心得页面. window.open 弹出新窗口的命令: page.html 弹出新窗口的文件名: n ...
网页自动弹窗被拦截 html,JS弹出新窗口被拦截的解决方法
在Web编程中,使用JS在新窗口打开页面的时候,会遇到被浏览器拦截的情况,那么,我们如何才能让JS打开新窗口不被浏览器阻止呢? 一.问题一一般情况下,如果直接在js中调用window.open()函 ...
selenium+python，解决selenium弹出新页面，无法定位元素的问题（报错：Unable to locate element:元素）
selenium+python,解决selenium弹出新页面,无法定位元素的问题(报错:Unable to locate element:元素) 参考文章: (1)selenium+python,解 ...
artDialog弹出新页面，保存后关闭弹出框并刷新父页面
artDialog 弹出框插件,或者说是弹出对话框插件,需要对弹出后的对话框操作?artDialog的控制接口就是用来干这些事情的,这在异步消息操作中非常有用. artDialog功能特性: 自适应内 ...
01.QT中点击弹出新页面
调用者类定义CallWidget.h #pragma once#include <QtWidgets/QMainWindow> #include "ui_CallWidget. ...
自动弹窗被拦截 html,解决JS弹出新窗口被浏览器阻止的解决方案
本文转载自:http://blog.csdn.net/cntanghai/article/details/6643522 在js中通过open弹出窗口可能会被阻止,我尝试这段代码: var flag ...
java openurl不弹出新页面_Java调用浏览器打开指定页面的5种方法(最全)
package com.xbz; import java.awt.*; import java.lang.reflect.Method; import java.net.URI; import jav ...
vue跳转弹出新页面
请求按钮 <el-button @click="t001()">跳转新页面</el-button> 方法 t001 () {let partNumbers ...
window.open()弹框页面交互+表格数据回显以及跨页回显
直接上效果: 情景描述: (vue+element-ui) 前面显示,显示数据来源来之后面按钮,点击按钮弹出一个新的页面,弹出新的弹框使用的是window.open():如果使用嵌套组件化思想,此父子 ...

js弹出新页面并传值

js弹出新页面并传值相关推荐

最新文章

热门文章