九种JavaScript弹出窗口代码示例及参数详解

1星需积分: 9 173 浏览量更新于2024-10-11 收藏 34KB DOC 举报

本文档详细介绍了九种不同类型的弹出窗口代码，主要针对JavaScript编程语言在网页开发中实现新窗口打开的功能。首先，我们来看最基础的弹出窗口代码： ```javascript <script language="javascript"> window.open('page2.htm','newwindow','height=350,width=470, top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no,status=no') </script> ``` 这段代码利用`window.open()`函数创建了一个新的浏览器窗口，并预设了窗口的大小（高度350像素，宽度470像素），以及位置（相对于主窗口，位于顶部和左边）。其他参数如工具栏、菜单栏、滚动条、是否可调整大小、显示地址栏和状态栏等都进行了设定。对于简单的弹出，只需调用`window.open('page.html')`即可，但为了适应不同场景，我们可以根据需要添加更多的参数进行个性化定制，例如： ```javascript <script language="javascript"> 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> ``` 这段代码设置了窗口的高度为100像素，宽度为400像素，且移除了所有可见元素，使窗口更为简洁。通过调整这些参数，可以根据页面设计和用户体验需求来定制弹出窗口的样式和功能。需要注意的是，由于`<script>`标签中的JavaScript代码在HTML文档中执行，因此这些代码应放置在`<head>`或`<body>`标签中，以便在合适的时机加载。为了让页面尽早加载并可能提前弹出窗口，通常会将其置于文档的开头部分。本文档提供了丰富的JavaScript弹出窗口代码示例，帮助开发者灵活控制新窗口的开启、大小、位置以及外观设置，以满足不同的网页设计和交互需求。这对于前端开发者来说是一个实用的参考资源。

九种弹出窗口代码:

<!--

window.open ('page2.htm', 'newwindow',

'height=350, width=470, top=0,left=0,

toolbar=no, menubar=no, scrollbars=no,

resizable=no,location=no, status=no')

//写成一行

-->

</script>

【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>

参数解释：

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

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

'newwindow' 弹出窗口的名字（不是文件名），

非必须，可用空''代替；

height=100 窗口高度；

width=400 窗口宽度；

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

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

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

menubar，scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小，yes 为允

许；

location=no 是否显示地址栏，yes 为允许；

status=no 是否显示状态栏内的信息（通常是文

件已经打开），yes 为允许；

</script> js 脚本结束

【3、用函数控制弹出窗口】

下面是一个完整的代码。

<html>

<head>

<!--

function openwin() { window.open

("page.html", "newwindow", "height=100,

width=400, toolbar=

no, menubar=no, scrollbars=no,

resizable=no, location=no, status=no")

//写成一行

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

woshiyigedahaoren012

粉丝: 2
资源: 4

九种JavaScript弹出窗口代码示例及参数详解

使用java来获取com.spire.doc库中不同的版本来获取一个表格中的段落的子对象类型为com.spire.doc.documents.StructureDocumentTagInline的内容

Spire.Doc python 去水印

java使用spire.doc.free为已有的doc文件生成目录 代码实现 依赖版本5.2.0

spire.doc 水印

{"9":"acmt_progress_nomination94881.doc","1":"acmt_progress_nomination16860.doc","7":"acmt_progress_nomination74181.doc","8":"undefined"} JSON 字符串变成json 用js实现

9|acmt_progress_nomination94881.doc,1|acmt_progress_nomination16860.doc,7|acmt_progress_nomination74181.doc,8|undefined 帮我把这段数据转成以‘，’隔开的json数据，用原生js语言实现

<template v-slot:unsignedAction="props"> <q-btn @click="isShowUnagreementDialog=true" >{{ props.row.DOC_UNSIGNED }}</q-btn> </template> <template v-slot:signedAction="props"> <q-btn @click="isShowAgreementDialog=true" >{{ props.row.DOC_SIGNED }}</q-btn> </template> 优化代码

spire.doc.free如何使用

self.doc = fitz.open("matplotlib.pdf") self.show_page(0) page = self.doc.loadPage(0) pix = page.getPixmap()，将上述代码的fitz库用pymupdf库实现

spire.doc.jar

最新资源

java使用spire.doc.free为已有的doc文件生成目录代码实现依赖版本5.2.0