如何定制弹出窗口的大小及其位置

最新推荐文章于 2023-12-23 15:09:20 发布
最新推荐文章于 2023-12-23 15:09:20 发布
阅读量1.9k 收藏
点赞数
文章标签： javascript asp command function html div
 弹出窗口本不属于ASP，不过javascript与ASP还是有点亲戚关系。
一、最简单的自动弹出窗口
在主窗口A中加入以下代码：
<SCRIPT LANGUAGE="javascript">
window.open ("页面B地址","newwindow", "height=450, width=520, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no")
</SCRIPT>
打开A时就会自动弹出页面B

二、定义调用弹出窗口
在页面中加入以下代码：
<SCRIPT language=javascript>
<!--
function call(htmlurl){
var
newwin=window.open(htmlurl,"newsssWin","top=50,left=150,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=320,height=300");
newwin.focus();
return false;
}
//-->
</SCRIPT>

用下面的方法调用：
<a href=/'连接地址/' οnclick=/'return call(this.href);/' target=_blank>连接名称</a>


点击“连接地址”就会弹出播放的小窗口。

三、能自动关闭的弹出窗口
在主窗口A中加入以下代码：
<SCRIPT LANGUAGE="javascript">
window.open ("b.htm","newwindow", "height=450, width=520, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no")
</SCRIPT>

页面b的代码如下：
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body οnlοad="window.setTimeout(/'CloseWindow.Click()/',2000)">
<div align="center">
<p> </p><p><object id="CloseWindow" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
    <param name="Command" value="Close">
  </object> <font size="5" color="#FF0000"><b>欢迎光临<br><br>再见！</b></font><font size="5">
  </font></p>
</div>
</body>
</html>
 
ntby
关注
如何设置窗口的大小和位置
08-04
如何设置窗口的大小和位置
JavaScript动态修改弹出窗口大小的方法
10-24
在网页开发中，有时需要动态创建窗口并根据需求调整窗口大小，这可以通过JavaScript中的window.open方法及其相关属性和方法实现。 首先，window.open方法用于打开一个新的浏览器窗口或一个新标签页。该方法的基本...
如何控制弹出窗口的大小、尺寸、位置等的样式
zhengqiqiqinqin的专栏
10-10 1万+
原文地址：http://www.leadto.com.cn/technews/316.html 1、最基本的弹出窗口代码    window.open ('page.html')  -->  因为这是一段javascripts代码，所以它们应该放在标签和之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。wind
调整弹出对话框在ASP.NET应用程序的大小
weixin_33748818的博客
03-12 140
调整弹出对话框在ASP.NET应用程序的大小    #region 调整弹出对话框在ASP.NET应用程序的大小    protected void PopupWindowControl_CustomizePopupWindowSize(object sender, CustomizePopupWindowSizeEventArgs e)    {        e.Size = new Si...
如何自定义右键弹框并实现位置自适应？
最新发布
i-cat的博客
12-23 851
右键自定义弹框轻松实现位置自适应
前端js实现点击文字弹出小框
SoWhatWorld的博客
02-11 2464
效果图： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 400px; ...
SIEMENS-西门子wincc弹出窗口怎么做？.txt
01-28
- **规划窗口布局**：根据实际需求规划弹出窗口的布局，包括按钮、文本框、列表框等控件的位置。 #### 2. 设计弹出窗口 - **新建项目**：打开WinCC，选择“新建”项目。 - **添加页面**：在项目中添加一个新的页面...
Javascript弹出窗口的各种方法总结
10-26
在JavaScript中，弹出窗口是常见的交互方式，用于显示通知、新页面或用户输入信息等。...以上就是JavaScript弹出窗口的各种方法及其详细说明，这些方法可以根据实际需求灵活组合使用，以实现丰富的用户交互体验。
右下角弹出窗口效果代码
09-06
在网页设计中，右下角弹出窗口效果是一种常见的交互设计元素，用于吸引用户的注意力或者显示广告、通知等信息。这段代码实现的就是这样一个功能，它会在网页加载完成后从右下角弹出一个小窗口，通常用于展示广告内容...
jQuery+jqmodal弹出窗口实现代码分明
10-29
在本篇文章中，我们将详细探讨如何使用jQuery及其扩展插件jqmodal来实现一个功能完备、样式美观的弹出窗口。首先，要实现这一功能，需要先了解几个关键知识点：jQuery基础、jqmodal插件的工作机制、以及CSS样式的...
前端echarts地图3D效果+点击地域出现弹出框可以有确定取消操作
weixin_45096939的博客
12-21 3182
【代码】前端echarts地图3D效果+点击地域出现弹出框可以有确定取消操作。
JavaScript弹窗2
collswang的专栏
10-18 1751
 1.打开新窗口    这个简单:Response.Write(@"     language=javascript>window.open(url);"); 2.关闭窗口    //关闭当前窗口,并提示用户时候关闭,yes关闭,no退出    Response.Write(@"javascript>window.close();");    //延迟关闭窗口(下面代码表示2秒后关闭,无
JavaScript的三种弹出提示框(alert、confirm、prompt)
热门推荐
『愚』的博客
11-09 10万+
三种提示框alert ()confirm()prompt () alert () alert()方法是显示一条弹出提示消息和确认按钮的警告框。 需要注意的是 ：alert()是一个阻塞的函数，如果我们不点确认按钮，后面的内容就不会加载出来。 使用方式： alert("想要提示的文本内容") 样例代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> a
弹出框设计规范
忆凌波的专栏
06-30 9581
1.腾讯企点的提示弹框整理 程序方面   几个容易被忽视的弹框细节 1.背景锁定与滚动条引起的抖动问题 浏览网页时经常会发现弹框出现后，滚动鼠标时，蒙版下面的页面还是可以滚动的，其实这些滚动都是没必要的，因为弹框的原意就是要聚焦用户的注意力。 因此我们要做的是 – 背景锁定(从技术角度其实是暂时性干掉滚动条)。 从前端技术处理如下：
el-dialog改变弹出框的位置
lytjiayou的博客
06-27 9873
使用chrome开发者工具可以看到el-dialog基本结构:class是给弹出框的父节点添加类样式custom-class是给弹出框添加类样式，与el-dialog同级如果要想改变el-dialog的位置，有两种方式：第一种方式，第二种方式注意：这种不能通过定位来改变弹出框位置，只能改变原本el-dialog没有定义的样式，比如说字体等。
设置对话框弹出位置（SetWindowPos）
好好学习
07-12 298
【代码】设置对话框弹出位置。
网页弹出窗口大小设定
water881的专栏
09-15 4350
网页弹出窗口大小设定<br />以下列出一些弹出窗口的参数,你可自行设定,参数之间用逗号分隔可选。字符串--列出对象表并用逗号分开。每一项都有自己的值，他们将被分开（如："fullscreen=yes, toolbar=yes"）。下面是被支持的各种特性。<br /> <br />channelmode = { yes | no | 1 | 0 }是否在窗口中显示阶梯模式默认为nodirectories = { yes | no | 1 | 0 }欠裨诖翱谥邢允靖髦职磁?lt;/TD> 默认为yesfull
关于Dialog弹窗宽高以及弹框位置的设定
wushengjun1991的博客
03-24 1万+
有时候我们开发需要设置Dialog的固定宽高，还有弹出位置的选择，下面我们用到一个方法：Window window = mDialog.getWindow(); // 获取Dialog的Window对象 WindowManager.LayoutParams lp = window.getAttributes(); // 这个是主要设置对象/* * 设置宽高，不设置默认根据内容自适应 */ lp
JavaScript实现弹出窗口全攻略
通过理解和运用 `window.open` 方法及其参数，开发者可以创建各种定制化的弹出窗口，以满足网页设计中的不同需求。同时，持续关注浏览器的更新和用户行为的变化，以确保弹出窗口的实现既实用又友好。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值