使用JS弹出新窗口,同时向弹出的页面传递一个参数。
首先,使用JS获取需要传递的参数。然后将参数传入心得页面。
<SCRIPT LANGUAGE="javascript:>
Var id;//传递一个参数
<!--
window.open ('page.html?id='+id,'newwindow','height=100,width=400,top=0,left=0,toolbar=no,
menubar=no,scrollbars=no,resizable=no,
location=no,status=no')
//写成一行
-->
</SCRIPT>
id是将要传送的参数。
参数解释:
<SCRIPT LANGUAGE="javascript"> js脚本开始;
window.open 弹出新窗口的命令;
page.html 弹出新窗口的文件名;
newwindow 弹出窗口的名字(不是文件名),可用空 ″代替;
height=100 窗口高度;
top=0 窗口距离屏幕上方的像素值;
left=0 窗口距离屏幕左侧的像素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏;
resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
</SCRIPT> js脚本结束。
分享到:
相关推荐
### window.open 打开新窗口参数设置详解 在前端开发中,`window.open()` 方法是浏览器内置的一个功能,用于在JavaScript中打开新的浏览器窗口。本文将深入探讨如何使用 `window.open()` 方法及其参数设置,帮助...
- **用户体验**:确保弹出窗口的大小、位置等设置适合用户,避免因设置不当导致用户体验不佳。 通过以上分析,我们可以看到如何在JavaScript中实现父页面与子页面之间的数据交互。这种方法非常实用,尤其是在需要在...
总结起来,JavaScript弹出窗口通过`window.open`函数实现,可以根据需求自定义窗口的属性,如大小、位置和显示元素,并通过函数和事件绑定来控制何时打开窗口。掌握这些知识,你可以更加灵活地在网页中实现各种弹出...
`window.open()` 是最常用的弹出新窗口的方法,其基本语法为: ```javascript window.open(url, target, features); ``` - **url**:新窗口打开的地址。 - **target**:目标窗口名,默认情况下是 "_blank" 表示新开...
4. **HiddenField**:在父窗口中创建一个隐藏字段,设置其值,然后在新窗口中通过JavaScript读取这个字段的值。 5. **JavaScript/jQuery**:使用JavaScript或jQuery,可以通过`window.opener`属性访问父窗口的对象...
除了打开页面外,我们还可以通过传递额外参数来自定义新窗口的属性,例如大小、位置、是否显示工具栏等。下面是一个示例代码: ```javascript <script LANGUAGE="javascript"> <!-- window.open("page.html", "new...
在JavaScript中,通过对话框进行参数传递是一种常见的交互方式,尤其在需要弹出一个模态对话框并与其进行数据交换的场景下更为常见。本文将详细介绍如何利用`window.showModalDialog()`方法来实现这种参数传递,并...
随后,在`<body>`标签的`onLoad`属性中调用了`winpop()`函数,这样当网页加载完毕时,就会自动执行该函数,弹出一个位置和大小都已设定好的新窗口。 需要注意的是,在使用window.open()方法时,浏览器的安全设置...
// 设置窗体属性,例如大小、位置等 end; ``` 2. 在主 IWForm 上放置一个按钮,并为其编写点击事件处理代码,该代码将创建并显示弹出窗口: ```delphi procedure TIW MainForm.Button1Click(Sender: TObject); var...
除了简单的弹出窗口外,还可以通过`window.open()`方法的参数来定制新窗口的属性,如大小、位置、工具栏等。例如: ```javascript window.open('page.html','newwindow','height=100,width=400,top=0,left=0,...
- **设置位置和大小**:根据需要,可以调整弹出窗口的位置和大小,使其适应不同屏幕尺寸。 - **交互式功能**:弹出窗口可以包含表单、图表或其他互动元素,提升用户体验。 总结,jQuery自定义弹出窗口提供了更大的...
登录窗口通常使用模态对话框(modal dialog)实现,通过CSS设置其位置、大小和透明度,使其在页面上居中并遮罩背景。可以使用CSS3的`position:fixed`让元素相对于浏览器窗口定位,`z-index`控制元素的堆叠顺序,使...
在IT领域,尤其是在Web开发中,"弹出窗口取值并返回"是一个常见的交互设计功能。这个过程涉及到在主窗口(或称为父页面)中触发一个弹出窗口(子页面),用户在子页面中输入信息,然后将这些信息传递回父页面。下面...
5. **弹出全屏显示网页**:利用JavaScript的`window.screen.width`和`window.screen.height`获取屏幕尺寸,然后设置新窗口的宽度和高度为这些值,以实现全屏显示。同时,可能需要禁用浏览器工具栏和地址栏,以达到更...
这篇文章将指导你如何在ASP.NET环境中创建一个JavaScript弹出窗口,并实现弹出窗口与调用窗口之间的通信,包括值的传递以及如何模拟触发调用窗口上的按钮点击事件。此外,文章还会涉及MultiView控件和带分页的...
- **属性设置**:通过传递一系列参数到`window.open()`方法中,可以自定义新窗口的属性,如宽度、高度、是否显示工具栏等。 - **模态对话框与非模态对话框**:`showModalDialog()`和`showModelessDialog()`方法是...
首先,让我们了解一下什么是JavaScript弹出窗口。在网页开发中,我们经常使用`window.alert()`、`window.confirm()`和`window.prompt()`这三个函数来创建基本的弹出对话框。然而,这些内置的弹出窗口功能有限,样式...
在上述代码中,我们打开了一个名为`dialog.aspx`的新窗口,设置了窗口的大小和禁用了菜单栏和工具栏。 要实现传值,我们可以在`url`中附加查询字符串,把需要传递的数据编码为URL参数。例如: ```javascript var ...
除了简单的打开一个新窗口,我们还可以通过传递参数到`window.open()`函数来控制新窗口的大小、位置以及功能。这些参数包括窗口的高度、宽度、是否显示工具栏、菜单栏、滚动条等。例如: ```javascript ...
总的来说,实现"JS弹出层同事弹出新页面"这一功能,需要掌握JavaScript的基本DOM操作、事件处理以及浏览器窗口管理的知识。通过合理的HTML布局、CSS样式控制和JavaScript编程,我们可以灵活地构建交互式的网页元素。...