JSP中设置新弹出窗口的大小和属性

5星 · 超过95%的资源需积分: 32 74 浏览量更新于2024-10-18 1 收藏 44KB DOC 举报

"JSP页面弹出新窗口的大小及设置方法" 在JSP开发中，有时我们需要在用户操作后弹出一个新的窗口展示特定的内容。本文主要探讨如何使用JavaScript实现JSP固定网页新弹出的页面大小，并进行相关设置。首先，让我们看看最基础的弹出窗口代码。在HTML中，我们通常会使用JavaScript的`window.open()`函数来实现这个功能。如下所示： ```html <SCRIPT LANGUAGE="javascript">  </SCRIPT> ``` 这段代码会在用户触发事件时打开一个名为`page.html`的新窗口。`<SCRIPT LANGUAGE="javascript">`和`</script>`标签用于定义JavaScript代码，``是注释符，用于兼容旧版浏览器。`window.open()`函数的参数`'page.html'`指定了要打开的页面，如果不在同一路径下，需要提供完整路径或相对路径。为了对弹出窗口进行定制，如调整大小、位置等，我们可以向`window.open()`函数传递更多的参数。以下是一个带有设置的示例： ```html <SCRIPT LANGUAGE="javascript">  </SCRIPT> ``` 这里，我们添加了多个设置参数： - `'newwindow'`：定义了新窗口的名称，如果未指定，则默认为空字符串。 - `height=100` 和 `width=400` 分别设置了窗口的高度和宽度。 - `top=0` 和 `left=0` 指定了窗口距离屏幕顶部和左侧的距离。 - `toolbar=no`，`menubar=no`，`scrollbars=no`，`resizable=no`，`location=no`，`status=no` 分别表示是否显示工具栏、菜单栏、滚动条、是否可调整大小、地址栏和状态栏。`no` 表示不显示，`yes`（默认）表示显示。这些设置可以根据实际需求进行调整，以达到最佳的用户体验。注意，所有的参数应当用逗号分隔，并且整个字符串必须用单引号或双引号包裹，但不能混用。在JSP中，这段JavaScript代码可以被插入到任何地方，比如在`<head>`和`</head>`之间，或者`<body>`和`</body>`之间。放置的位置会影响到代码的执行时机，如果希望窗口尽早弹出，可以将其放在页面的开头。通过巧妙地使用`window.open()`函数和相关的参数，我们可以实现对JSP页面弹出窗口的精细控制，从而创建更加用户友好的交互体验。在实际开发中，还可以结合其他JavaScript库或框架，如jQuery，进一步优化和扩展这些功能。

1、最基本的弹出窗口代码】

其实代码非常简单：

<!--

window.open ('page.html')

-->

</SCRIPT>

因为这是一段 javascripts 代码，所以它们应该放在<SCRIPT LANGUAGE="javascript">标

签和</script>之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将

标签中的代码作为文本显示出来。要养成这个好习惯啊。

window.open ('page.html') 用于控制弹出新的窗口 page.html，如果 page.html 不与主窗口

在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。

用单引号和双引号都可以，只是不要混用。

这一段代码可以加入 HTML 的任意位置，<head>和</head>之间可以，<body>间</body>

也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。

【2、经过设置后的弹出窗口】

下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。我们来定制

这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。

<!--

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>

参数解释：

<SCRIPT LANGUAGE="javascript"> js 脚本开始；

window.open 弹出新窗口的命令；

'page.html' 弹出窗口的文件名；

'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；

height=100 窗口高度；

width=400 窗口宽度；

top=0 窗口距离屏幕上方的象素值；

left=0 窗口距离屏幕左侧的象素值；

toolbar=no 是否显示工具栏，yes 为显示；

下载后可阅读完整内容，剩余5页未读，立即下载

likui1314520

粉丝: 0
资源: 3

JSP中设置新弹出窗口的大小和属性

固定textarea文本域尺寸

Java中得到电脑屏幕的大小

java取得屏幕大小

网页右下角弹出提示窗口

好看的弹出层可以加载页面

自定义弹出框样式 alert修改

jquery弹出左侧隐藏的浮动层

JavaScript网页特效范例宝典源码

javascript网页特效实例大全（8-12）

HTML/JSP在线QQ客服实现

最新资源