位置: 编程技术 - 正文

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)

  • 电梯的税收筹划怎么做
  • 预提所得税的计税基础
  • 农村合作社怎么挣钱
  • 年末计提坏账准备金额怎么算
  • 发票怎么看开票最大额
  • 技术服务税率是多少 现金
  • 自然人转让股权给自己的公司
  • 小微企业所得税优惠政策最新2022
  • 增值税都有哪些科目
  • 汇算清缴职工福利支出
  • 应纳税所得额的计算公式
  • 汽车按揭费用收合法吗?
  • 管理费抵扣如何计算
  • 付佣金给客户怎么做分录?
  • 印花税减免性质代码和项目名称小规模
  • 2018年房地产行业分析
  • 自然人代人开普票合法吗
  • 个人转账至公司要交税吗
  • 进项税额转出的会计分录
  • 土地作价入股是否视为土地转让
  • 处理固定资产账务处理税率
  • 工商注册需要提供什么
  • linux强制删除文件夹
  • 工资只发一半
  • 差旅费报销需要提交的单据有
  • 收到完税凭证怎么做账
  • 苹果mac系统怎么更新最新版本
  • 个人所得税应该计入什么科目
  • 计提本月工资是上月工资吗
  • 生产企业出口退税的计算方法
  • 公司帮员工买社保能扣税吗
  • 年终奖一般发什么奖品
  • echarts 柱状图滚动与gridlayout移动冲突
  • 银行日记账本月没有发生业务
  • 【swinUnet官方代码测试自己的数据集(已训练完毕)】
  • thinkphp表单验证
  • php htmlentities()函数的定义和用法
  • 写字楼租赁房产税
  • 这可能是最好的144平米小平层户型
  • 人工智能能否在证券市场取得额外收益
  • 支付押金无法收取怎么办
  • 会计计入其他业务收入的有哪些
  • 织梦怎么改文字
  • 织梦怎么用
  • centos下编写贪吃蛇吗
  • 还款利息
  • 公司的违约金
  • 小规模纳税人开专票可以抵扣进项吗
  • 高新技术企业核心人才保险
  • 冲销暂估入库摘要怎么写
  • 银行退回转账
  • 公司配股对股价的影响
  • 没签劳动合同的后果
  • 零售业赠送给别人怎么做
  • 什么是小微企业
  • 简易征收租赁税率3还是5
  • Ubuntu下mysql与mysql workbench安装教程
  • MySql 5.6.35 winx64 安装详细教程
  • windf9
  • 让Windows Server 2008设备驱动安装图文教程
  • mac移动硬盘怎么改名
  • win7系统蓝牙搜索不到设备
  • linux jdk版本升级
  • win8怎么清空电脑只剩系统
  • 三种方法完美解决问题
  • xp启用windows功能
  • 产品密钥需要购买吗
  • win8自带软件哪些可以卸载
  • javascript正则匹配两个点
  • css新闻页面制作
  • unity网络模块
  • html5游戏引擎排行
  • OnBecameVisible和OnBecameInvisible ,OnWillRenderObject
  • javascript基础题目
  • javascript学习指南
  • 广东省地税局局长 吴
  • 上海税务局电话多少号
  • 网上申领的电子发票如何读入金税盘
  • 税务 信息
  • 开票没有0还是o
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设