位置: 编程技术 - 正文

window.open参数详解附实例(window.open()参数传递及获取)

编辑:rootadmin

一、window.open()支持环境:

JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+

二、windown.open基本语法:

window.open(pageURL,name,parameters)

其中:

pageURL为子窗口路径name为子窗口句柄parameters为窗口参数(各参数用逗号分隔)

三、windown.open示例:

脚本运行后,page.html将在新窗体newwindow中打开,宽为,高为,距屏顶0象素,屏左0象素,无工具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏。请对照。

  上例中涉及的为常用的几个参数,除此以外还有很多其他参数,请见四。四、各项参数

  其中yes/no也可使用1/0;pixelvalue为具体的数值,单位象素。

参数|取值范围|说明

alwaysLowered|yes/no|指定窗口隐藏在所有窗口之后alwaysRaised|yes/no|指定窗口悬浮在所有窗口之上depended|yes/no|是否和父窗口同时关闭directories|yes/no|Nav2和3的目录栏是否可见height|pixelvalue|窗口高度hotkeys|yes/no|在没菜单栏的窗口中设安全退出热键innerHeight|pixelvalue|窗口中文档的像素高度innerWidth|pixelvalue|窗口中文档的像素宽度location|yes/no|位置栏是否可见menubar|yes/no|菜单栏是否可见outerHeight|pixelvalue|设定窗口(包括装饰边框)的像素高度outerWidth|pixelvalue|设定窗口(包括装饰边框)的像素宽度resizable|yes/no|窗口大小是否可调整screenX|pixelvalue|窗口距屏幕左边界的像素长度screenY|pixelvalue|窗口距屏幕上边界的像素长度scrollbars|yes/no|窗口是否可有滚动栏titlebar|yes/no|窗口题目栏是否可见toolbar|yes/no|窗口工具栏是否可见Width|pixelvalue|窗口的像素宽度z-look|yes/no|窗口被激活后是否浮在其它窗口之上

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

其实代码非常简单:

因为着是一段javascripts代码,所以它们应该放在<SCRIP TLANGUAGE="javascript">标签和</script>之间。<!--和-->是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。

Window.open('page.html')用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径( [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

参数解释:

<SCRIP TLANGUAGE="javascript">js脚本开始;window.open弹出新窗口的命令;'page.html'弹出窗口的文件名;'newwindow'弹出窗口的名字(不是文件名),非必须,可用空''代替;height=窗口高度;width=窗口宽度;top=0窗口距离屏幕上方的象素值;left=0窗口距离屏幕左侧的象素值;toolbar=no是否显示工具栏,yes为显示;menubar,scrollbars表示菜单栏和滚动栏。Resizable=no是否允许改变窗口大小,yes为允许;location=no是否显示地址栏,yes为允许;status=no是否显示状态栏内的信息(通常是文件已经打开),yes为允许;</SCRIPT>js脚本结束

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

下面是一个完整的代码

…任意的页面内容… [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。怎么调用呢?方法一:<bodyonload="openwin()">浏览器读页面时弹出窗口;方法二:<bodyonunload="openwin()">浏览器离开页面时弹出窗口;方法三:用一个连接调用:<a href="#" onclick="openwin()">打开一个窗口</a>注意:使用的"#"是虚连接。方法四:用一个按钮调用:<input type="button" onclick="openwin()" value="打开窗口">

【4、同时弹出2个窗口】

对源代码稍微改动一下:

为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。OK?

【5、主窗口打开文件1.htm,同时弹出小窗口page.html】

如下代码加入主窗口<head>区:

加入<body>区:<a href="1.htm" onclick="openwin()">open</a>即可。

【6、弹出的窗口之定时关闭控制】

下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则…),让它秒后自动关闭是不是更酷了?首先,将如下代码加入page.html文件的<head>区:

然后,再用<bodyonload="closeit()">这一句话代替page.html中原有的<BODY>这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,秒钟后就自行关闭该窗口。)

【7、在弹出窗口中加上一个关闭按钮】

呵呵,现在更加完美了!

【8、内包含的弹出窗口-一个页面两个窗口】

上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。通过下面的例子,你可以在一个页面内完成上面的效果。

function openwin(){OpenWindow=window.open("","newwin","height=,width=,toolbar=no,scrollbars="+scroll+",menubar=no");//写成一行OpenWindow.document.write("例子")OpenWindow.document.write("")OpenWindow.document.write("Hello!")OpenWindow.document.write("Newwindowopened!")OpenWindow.document.write("")OpenWindow.document.write("")OpenWindow.document.close()}打开一个窗口 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

看看OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。

【9、终极应用--弹出的窗口之Cookie控制】

回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定没有发现吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?:-(有解决的办法吗?Yes!;-)Followme.我们使用cookie来控制一下就可以了。首先,将如下代码加入主页面HTML的<HEAD>区:

然后,用<bodyonload="loadpopup()">(注意不是openwin而是loadpop啊!)替换主页面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的Pop-Only-Once!写到这里弹出窗口的制作和应用技巧基本上算是完成了,俺也累坏了,一口气说了这么多,希望对正在制作网页的朋友有所帮助俺就非常欣慰了。需要注意的是,JS脚本中的的大小写最好前后保持一致。

【、关闭弹出窗口时候刷新父窗体】

引用下面的JS方法,实现关闭弹出窗口刷新父窗体javascript:opener.location.href=opener.location.href;opener=null;window.close()

推荐整理分享window.open参数详解附实例(window.open()参数传递及获取),希望有所帮助,仅作参考,欢迎阅读内容。

window.open参数详解附实例(window.open()参数传递及获取)

文章相关热门搜索词:window.open 带参数,windows. open,windows. open,windows. open,windows. open,windows.open参数,windows.open参数,windows.open参数,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript String.replace函数参数实例说明 Email:longsuatyeahdotnetjsString的replace函数的函数签名如下:replace(match/*字符串OR正则表达式*/,replacement/*字符串OR函数*/)作用是将源自符串中的match替换为rep

解析js中获得父窗口链接getParent方法以及各种打开窗口的方法 //打开模态窗口functiondialog(obj){if(obj.url==undefined||obj.url==null){thrownewError("pleasesetobj.url");}varurl=obj.url;if(url.indexOf("?")!=-1){url=url+"&r_="+Math.random();}else{url=url+"?r_

解析window.open的使用方法总结 window.open(pageURL,name,parameters)其中:pageURL为子窗口路径name为子窗口句柄parameters为窗口参数(各参数用逗号分隔)例子:SCRIPT!--window.open('page.html','newwindow','he

标签: window.open()参数传递及获取

本文链接地址:https://www.jiuchutong.com/biancheng/377621.html 转载请保留说明!

上一篇:JavaScript事件处理器中的event参数使用介绍

下一篇:document.all的一个比较完整的总结及案例(document.all.value)

  • 城建税多少会减免
  • 上年度暂估的票回不来一直挂帐吗
  • 原材料不良品的处理流程
  • 公司被员工劳动仲裁
  • 用银行支付本月生产车间保险费820元
  • 分红款怎么记账
  • 劳务发票可以抵扣多少
  • 六种无形资产有什么
  • 城建税 申报表
  • 公司给员工购买意外险怎么做账
  • 临时税务登记可以开发票吗
  • 企业销售使用过的固定资产如何开票
  • 代开专用发票的企业如何享受小微免税优惠
  • 房地产企业可以开专票吗
  • 股权增值转让的财税处理
  • 个人缴纳工会会费比例
  • 金税三期中个税怎么算
  • 红冲暂估原材料如何做会计分录
  • 银行对公贷款利息多少
  • 开票金额大于收款金额如何处理
  • 银行手续费没拿可以退吗
  • 公司为员工每月几号缴社保
  • 计提外币借款利息
  • 待摊费用当月增加
  • 印花税的计税依据是销项和进项的金额
  • symtray.exe - symtray是什么进程 有何作用
  • 开启浏览器模式
  • 关于销售免税品的规定
  • 王者荣耀如何进入3D视角
  • SSDP Discovery Service 是什么可以禁用吗
  • win10任务栏搜索如何关闭
  • 销售佣金在所得税里扣吗
  • 应收账款保理的主要意图在于
  • vue 自动部署
  • 销售滞后税务处理
  • php获取访问者mac地址
  • 小规模纳税人本年累计金额
  • 2021前端面试题校招
  • ipcrm命令
  • inotify_event
  • 哪些农产品属于免税
  • 狂神说css笔记
  • 帝国cms设置获取IP字段
  • 固定资产停止使用
  • 固定资产一次性折旧账务处理
  • 工会经费和残保金不交有什么影响
  • phpcms生成html
  • pythongui库
  • 制造费用哪些是变动的哪些是固定的
  • 金融商品转让如何确定销售额
  • 新办企业小规模纳税人多久可以申请发票增量
  • 资产负债表该怎么填写
  • mysql错误提示
  • 背书是什么含义
  • 转让旧固定资产怎么处理
  • 小规模开票的税点是多少
  • 经营租赁的房屋计提折旧吗
  • 国家高新技术补助
  • 企业用实物资产出资 增值税
  • 准予抵扣销项税额
  • 如何调整以前年度错账
  • 多少钱算固定资产2022
  • SQLServer XML数据的五种基本操作
  • 搜索功能使用方法
  • ubuntu系统安装无线网卡驱动
  • mac所有窗口最小化
  • xp系统如何设置用户密码
  • mac迅雷不限速
  • Centos 6.4 64位版命令行下设置无线网卡教程
  • linux小技巧
  • javascript的canvas
  • [置顶]津鱼.我爱你
  • python打印直角三角形用*符号
  • linux安装node安装包
  • 黑马程序员学费多少钱2018
  • unity api compatibility level
  • 基于JavaScript的网页代码
  • 增值税即征即退申报表怎么填
  • 宪法宣誓仪式流程图
  • 社保费是国税还是地税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设