JAVASCRIPT弹出窗口限制大小的几种方法

最新推荐文章于 2023-05-15 17:35:10 发布
最新推荐文章于 2023-05-15 17:35:10 发布
阅读量3.3k 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript function class url html

JAVASCRIPT弹出窗口并限制大小的几种方法--
方法1：
<SCRIPT LANGUAGE="javascript">
window.open (" h**p://www.163.com","newwindow", "height=450, width=520, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no,
status=no")
</SCRIPT>

方法2：
<script language="javascript" type="text/javascript">
function y(e){window.open(e,"","width=400,height=300,scrollbars=1")}
</script>
<style>.h{cursor:hand}</style>
<a οnclick=y(" h**p://www.aaaa.com") class=h>aaaa</a>
<a οnclick=y(" h**p://www.bbbb.cn") class=h>bbbb</a>
<a οnclick=y(" h**p://www.cccc.com") class=h>cccc</a>
方法3：
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<script language=javascript>
<!--
function openwindow( url, winName, width, height)
{
xposition=0; yposition=0;
if ((parseInt(navigator.appVersion) >= 4 ))
{
xposition = (screen.width - width) / 2;
yposition = (screen.height - height) / 2;
}
theproperty= "width=" + width + ","
+ "height=" + height + ","
+ "location=0,"
+ "menubar=0,"
+ "resizable=1,"
+ "scrollbars=0,"
+ "status=0,"
+ "titlebar=0,"
+ "toolbar=0,"
+ "hotkeys=0,"
+ "screenx=" + xposition + "," //仅适用于Netscape
+ "screeny=" + yposition + "," //仅适用于Netscape
+ "left=" + xposition + "," //IE
+ "top=" + yposition; //IE
window.open( url,winName,theproperty );
}
//-->
</script>
<a href="javascript:openwindow('http://www.iecn.net/forum/index.php','anyname',300,300)">打开窗口试试</a> _fcksavedurl=""javascript:openwindow('http://www.iecn.net/forum/index.php','anyname',300,300)">打开窗口试试</a>" _fcksavedurl=""javascript:openwindow('http://www.iecn.net/forum/index.php','anyname',300,300)">打开窗口试试</a>"
</body>
</html>

方法4：（推荐）
<script language="javascript" type="text/javascript">
function showdialog(url)
{
var iw=320;
var ih=200;
var itop=(window.screen.height-ih)/2;
var ileft=(window.screen.width-iw)/2;
window.open(url,"Detail","Scrollbars=no,Toolbar=no,Location=no,Direction=no,Resizeable=no,   Width="+iw+" ,Height="+ih+",top="+itop+",left="+ileft) ;
}
</script>  
DNN-2017
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
JavaScript动态修改弹出窗口大小的方法
10-24
主要介绍了JavaScript动态修改弹出窗口大小的方法,涉及javascript中window.open方法的使用技巧,非常具有实用价值,需要的朋友可以参考下
JavaScript检测弹出窗口是否已经关闭的方法
10-24
主要介绍了JavaScript检测弹出窗口是否已经关闭的方法,涉及javascript中window属性的closed属性的使用技巧,需要的朋友可以参考下
弹出窗口的实例
weixin_30900589的博客
11-16 89
<script type="text/javascript"> function open_adv() { window.open("adv.html"); } function open_fix_adv() { window.open("adv.html","","height=380,width=320,toolbar=0,scrollbars=0,lo...
js弹出窗口，可以指定大小，去除地址栏、收藏栏等
SuperYoung的博客
05-15 1850
js弹出窗口，可以指定大小，去除地址栏、收藏栏等
点击一个超链接,弹出固定大小的新窗口（js实现）
phpsea的博客
08-18 1万+
1、最基本的弹出窗口代码 　　 [javascript] view plain copy "javascript">   window.open ('page.html')   -->      　　 　　因为这是一段javascripts代码，所以它们应该放在标签和</script>之间。是对一些版本低的浏览器起作用，在这些老
如何控制弹出窗口的大小、尺寸、位置等的样式
热门推荐
zhengqiqiqinqin的专栏
10-10 1万+
原文地址：http://www.leadto.com.cn/technews/316.html 1、最基本的弹出窗口代码    window.open ('page.html')  -->  因为这是一段javascripts代码，所以它们应该放在标签和之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。wind
弹出 窗口对话框，指定大小，指定位置
06-03 275
<br /> <mce:script type="text/javascript"><!-- function showmsg(id) { var iWidth=600; //窗口宽度 var iHeight=400;//窗口高度 var iTop=(window.screen.height-iHeight)/2; var iLeft=(window.screen.width-iWidth)/2; window.showModalDial
JS Message 网页消息提醒
weixin_30273763的博客
12-20 824
JS message是一个非常小的（用gzip压缩之后才3kb）JavaScript library 用于轻松在网页上展示通知提醒。除了通知，它还支持创建带风格的对话框和确认对话框。不需要任何JS框架。每一种消息类型（除了通知提醒）都拥有回调事件用于实现可定制的交互功能。消息外观也通过CSS自定义。 支持大部分浏览器除了IE6。项目地址:http://dhtmlx.github.co...
纯js消息弹窗组件Message
weixin_45946494的博客
05-22 1840
js消息弹窗组件 文章目录js消息弹窗组件1. js部分代码2.使用方法3.演示效果 写组件上瘾，今天写一个纯js消息弹窗组件，复制即可使用，css也写在了js之中，用js生成，代码若是存在不足的地方可以探讨一些，本人也是前端新人┭┮﹏┭┮ 1. js部分代码 (function(win) { const createDom = (className = '', tag = 'div') => { const ele = document.createElement(tag
JavaScript弹出窗口方法汇总
10-25
主要介绍了JavaScript弹出窗口方法,非常实用的功能,需要的朋友可以参考下
JavaScript实现自动弹出窗口并自动关闭窗口的方法
10-23
主要介绍了JavaScript实现自动弹出窗口并自动关闭窗口的方法,可实现从页面左侧弹出窗口5秒后窗口向右移动并消失的效果,涉及javascript针对页面窗口及样式的定义操作技巧,需要的朋友可以参考下
窗口开始的位置
xhongcheng的专栏
06-26 259
扩展对象 我的窗口 继承自 窗口对象模板属性  开始位置: 50 50 属性。对象。启动: 我的窗口
我们爱分享----200多个js技巧代码【补全】
11-10 593
1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后，产生该文件 Onchange:当文字值改变时，产生该事件 Onselect:当文字加亮后，产生该文件 <input type="text" value="mm" onfocus="if(value=='mm) {value=''}" onblur="if (value=='') {val
elementui Messagebox自定义弹窗大小
web5197的博客
10-21 9432
elementui Messagebox自定义弹窗大小 this.$alert('message', { confirmButtonText: 'sure', customClass: 'msgbox' // 自定义一个class名 }); 给弹窗自己想要的样式，样式不可写在带有scoped的style标签里。在使用了>>>和/deep/方法后都不可更改样式。 <style> .msgbox { width: 100%; } @media screen and (
【Vue ElementUI】 如何修改消息提示框样式---messageBox
sumimg的博客
02-01 6109
一、前言 在窄屏模式下（移动端），提示框的宽度太宽，希望降低宽度。 应当如何修改 ElementUI 的样式呢？ 二、情景还原 // 弹出注销提示框 this.$confirm('确认注销吗?', '提示', { }).then(() => { this.$message({ message: '已成功注销', type: 'success' }) }).catch(() => { /* 用户取消注销 */ }) ... <style scoped> ..
js 制作一个弹出的警告框 有放大缩小的效果
业余前端的职业经历
08-12 812
<button class="btn btn-primary hidden" type="button">弹出框</button> window.alert=function(txt){ if(txt==undefined) return false; var alertForm=document.createElement('div'); alertForm.id="myAlert"; alertForm.innerHTML=txt; .
使用javascript控制浏览器窗口的技巧源代码大全
wonsoft的专栏
11-24 3455
使用javascript控制浏览器窗口的技巧源代码大全本文收集使用javascript控制浏览器窗口技巧的源代码：1）在网页中使用javascript打开没有最大化、最小化和关闭按钮的窗口；2）屏蔽浏览器中使用按键（如ALT+F4、Ctrl+N等）；……（不断更新……）一、在网页中使用javascript打开没有最大化、最小化和关闭按钮的窗口window.open(    
js 动态改变窗口大小
zhengjun147的专栏
08-24 1962
function win_onLoad(){ var width = document.all["tblKsList"].offsetWidth; var height = document.all["tblKsList"].offsetHeight; width = eval(width + 50); height = eval(height + 50); if ...
页面交互弹出窗口关闭窗口JAVASCRIPT代码
最新发布
06-07
关闭弹出窗口的 JavaScript 代码可以使用 `window.close()` 方法。例如，当用户点击一个按钮时，可以执行以下代码关闭当前窗口： ```javascript ()">关闭窗口 ``` 需要注意的是，`window.close()` 方法只能关闭...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值