html自动跳转到确定按钮,javaScript--对话框(在a.html页面点击按钮跳转到b.html页面,在b页面输入数据后,数据传回a页面)...

需求:在a.html页面点击按钮跳转到b.html页面,在b页面输入数据后,数据传回a页面

效果:

0818b9ca8b590ca3270a3433284dd417.png

方案一:(showModalDialog)

a.html

添加客户

function openWin()

{

/*

sURL   必选项。字符串(String)。指定要载入和显示的 URL 。

vArguments   可选项。指定供显示文档时使用的变量。利用这个参数可以传递任何类型的值,包括包含多个值得的数组。对话框可以通过调用程序从 window 对象的 dialogArguments 属性提取这些值。

sFeatures   可选项。字符串(String)。指定对话框的窗口装饰。使用下面的值。多个之间用分号隔开。

*/

var vReturnValue = window . showModalDialog ("b.html",window,"status:no;resizable:yes;dialogHeight:210px;dialogWidth:360px;unadorne:yes")

}

function setValue(id,name)

{

document.getElementById("id").value=id;

document.getElementById("name").value=name;

}

客 户id:

客户名称:

b.html

客户信息

function viewData(id,name)

{

var adata=window.dialogArguments;

//方法一 调用a.html的函数

adata.setValue(id,name);

//方法二

/*

adata.document.getElementById("id").value=id;

adata.document.getElementById("name").value=name;

*/

window.close();

}

客户ID客户名称操作
001深圳华为
002用友软件

方案二(open)

window. open的使用参考

语法:

oNewWindow

=

window

. open (

sURL

,

sName

,

sFeatures

,

bReplace

)

参数:

sUrl

:

可选项。字符串(String)。指定要被加载的HTML文档的 URL 地址。假如无指定值,则about:blank的新窗口会被显示。

sName

:

可选项。字符串(String)。 指定打开的窗口的名字。这个名字可以用于form或a对象的 TARGET属性。此名字也可以使用下列通用名称:

_media

:

IE6.0

在浏览器左边的媒体面板内打开sUrl。

_blank

:

在新窗口中打开sUrl。

_parent

:

在当前框架的父框架内打开。假如当前框架无父框架,此参数值等同于_self。

_search

:

IE5.0

在浏览器左边的搜索面板内打开sUrl。

_self

:

sUrl在当前窗口中打开,覆盖当前文档。

_top

:

在所有框架之外的最顶层窗口中打开sUrl。假如当前窗口无框架结构,此参数值等同于_self。

sFeatures

:

可选项。字符串(String)。 指定窗口装饰样式。使用下面的值。多个之间用逗号隔开。只有当新的浏览器窗口被建立时,此参数的设置才会发生作用。

channelmode = { yes | no | 1 | 0 }

指定是否将窗口显示为频道模式。默认值为no。

directories = { yes | no | 1 | 0 }

指定是否显示「链接」按钮。默认值为yes。

fullscreen = { yes | no | 1 | 0 }

指定是否以全屏方式显示窗口。默认值为no。要小心使用全屏模式,因为这种模式会隐藏浏览器窗口的标题栏和菜单。如果没有在页面内提供关闭窗口的功能,用户可以使用 ALT+F4 快捷键关闭窗口。

height =number

设置窗口的高度。最小值为100。

left =number

设置窗口左上角相对于桌面的横坐标。单位为像素(px)。

width =number

设置窗口的宽度。最小值为100。

top =number

设置窗口左上角相对于桌面的纵坐标。单位为像素(px)。

location = { yes | no | 1 | 0 }

设置是否显示浏览器窗口的地址栏。默认值为yes。

menubar = { yes | no | 1 | 0 }

设置是否显示浏览器窗口的菜单栏。默认值为yes。

resizable = { yes | no | 1 | 0 }

设置窗口是否允许被用户改变尺寸。默认值为yes。

scrollbars = { yes | no | 1 | 0 }

设置窗口是否可以具有滚动条。默认值为yes。

status = { yes | no | 1 | 0 }

设置是否显示浏览器窗口的状态栏。默认值为yes。

titlebar = { yes | no | 1 | 0 }

设置是否显示浏览器窗口的标题栏。除非调用程序是HTML应用程式(HTA)或被信任的对话框,否则此参数将被忽略。默认值为yes。

toolbar = { yes | no | 1 | 0 }

设置是否显示浏览器窗口的工具条。默认值为yes。

bReplace

:

可选项。布尔值(Boolean)。false | true

false

:

新打开的文档覆盖历史列表里的当前文档。

true

:

文新打开的文档被简单的添加到历史列表的最后

a.html

添加客户

function openWin()

{

window.open("b.html","_blank",'height=200,width=400,status=yes,toolbar=no,menubar=no,location=no');

}

//把返回的值显示在input中

function setValue(id,name)

{

document.getElementById("id").value=id;

document.getElementById("name").value=name;

}

客 户id:

客户名称:

b.html

客户信息

function viewData(id,name)

{

//返回时创建当前窗口的那个窗口的引用(这里指a.html)

var adata = window.opener;

adata.setValue(id,name);

window.close();

}

客户ID客户名称操作
001深圳华为
002用友软件
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值