`

a的href中使用window.open()方法

阅读更多

<a   href ="javascript:window.open ('${pageContext.request.contextPath }/', 'newwindow', 'height=100; width=400; toolbar= no; menubar=no; scrollbars=no; resizable=no; location=no; status=no;top=100;left=300')" >打开一个新窗口</a >

在页面中点击超级链接用window.open函数打开一个新的窗口时,原来的页面也刷新了,只有一个含有[object]的空白页面

原因:在超级链接的href中调用window.open函数时当前页面也会刷新为该函数的返回值,因为返回一个窗口对象,所以只能显示[object]

解决方法:使用javascript的void函数,该函数将使得任何被使用的函数返回undefined值,该值将不被浏览器显示

<a   href ="javascript:void( window.open ('${pageContext.request.contextPath }/', 'newwindow', 'height=100; width=400; toolbar= no; menubar=no; scrollbars=no; resizable=no; location=no; status=no;top=100;left=300')) " >打开一个新窗口</a >

注意:

1.在第三个参数中要用“,”来做为分隔符,否则后面的各个参数将不管用

2.任何没有返回值的函数都返回undefined

具体总结的各个属性参数如下:
window = object.open([URL ][, name ][, features ][, replace]]]])
URL:新窗口的URL地址
name:新窗口的名称,可以为空
featurse:属性控制字符串,在此控制窗口的各种属性,属性之间以逗号隔开。
fullscreen= { yes/no/1/0 } 是否全屏,默认no
channelmode= { yes/no/1/0 } 是否显示频道栏,默认no
toolbar= { yes/no/1/0 } 是否显示工具条,默认no
location= { yes/no/1/0 } 是否显示地址栏,默认no
directories = { yes/no/1/0 } 是否显示转向按钮,默认no
status= { yes/no/1/0 } 是否显示窗口状态条,默认no
menubar= { yes/no/1/0 } 是否显示菜单,默认no
scrollbars= { yes/no/1/0 } 是否显示滚动条,默认yes
resizable= { yes/no/1/0 } 是否窗口可调整大小,默认no
width=number 窗口宽度(像素单位)
height=number 窗口高度(像素单位)
top=number 窗口离屏幕顶部距离(像素单位)
left=number 窗口离屏幕左边距离(像素单位)

网页可见区域宽  document.body.clientWidth 
网页可见区域高  document.body.clientHeight 
网页可见区域宽(包括边线的宽)  document.body.offsetWidth 
网页可见区域高(包括边线的宽)  document.body.offsetHeight 
网页正文全文宽  document.body.scrollWidth 
网页正文全文高  document.body.scrollHeight 
网页被卷去的高  document.body.scrollTop 
网页被卷去的左  document.body.scrollLeft 
网页正文部分上  window.screenTop 
网页正文部分左  window.screenLeft 
屏幕分辨率的高  window.screen.height 
屏幕分辨率的宽  window.screen.width 
屏幕可用工作区高度  window.screen.availHeight 
屏幕可用工作区宽度  window.screen.availWidth 

因此,要使得新打开的窗口居中的话

<a   href ="javascript:void( window.open ('${pageContext.request.contextPath }/', 'newwindow', 'height=100; width=400; toolbar= no; menubar=no; scrollbars=no; resizable=no; location=no; status=no;top='+(window.screen.height-100)/2+';left='+(window.screen.width-400)/2)) " >打开一个新窗口</a >

分享到:
评论

相关推荐

    详解js location.href和window.open的几种用法和区别.docx

    详解js location.href和window.open的几种用法和区别.docx

    详解js location.href和window.open的几种用法和区别

    一、location.href常见的几种形式 self.location.href;//当前页面打开URL页面 [removed].href;//当前页面打开URL页面 this.location.href;//当前页面打开URL页面 location.href;// 当前页面打开URL页面 parent....

    window.open 以post方式传递参数示例代码

    代码如下: //打开新页面并利用post方式传递参数 function openNewPageWithPostData(postAddress,opentype,paramNames,paramValues) { var newWindow = window.open(postAddress,opentype); if (!newWindow) { return...

    jsp 刷新父页面

    刷新一open()方法打开的窗口 window.opener.location.href = window.opener.location.href 刷新以winodw.showModelDialog()方法打开的窗口 window.parent.dialogArguments.document.execCommand('Refresh'); ...

    JS window.opener返回父页面的应用

    JS代码: window.open(); 而当支付成功后,需要关闭支付平台支付成功界面,并在客户端加载客户端支付成功页面,JS代码: window.opener.location.href=url;window.close();

    js中的window.open返回object的错误的解决方法

    系统中用javascript中的window.open后,页面返回了一个[object]。因为系统的原因,必需使用href="[removed]window.open()"这样的格式。所以只能通过以下办法解决。

    window.parent与window.openner区别介绍

    今天总结一下js中几个对象的区别和用法: 首先来说说 parent.window与top.window的用法 “[removed].href”、”location.href”是本页面跳转 “parent.location.href”是上一层页面跳转 “top.location.href”是最...

    javascript 打开页面[removed]和window.open的区别

    [removed] = “http://www.xxxxxxxx.net” 跳转后有后退功能 其实应该是 [removed].href[removed].replace(“http://www.xxxxxxxx.net”) 跳转后没有后退功能 window.open(“http://www.xxxxxxxx.net”) 要新的窗口...

    javascript跳转与返回和刷新页面的实例代码

    javascript中window.open()与[removed].href的区别 window.open(‘index.html’) 表示新增一个窗口打开 index.html 这个页面,并不刷新 location.href(‘index.html’) 表示在当前窗口重定向到新页面,打开并刷新 ...

    基于JavaScript实现在新的tab页打开url

    当window.open(url,”_blank”),无效时,可用如下方法。 function openwin(url) { var a = document.createElement("a"); a.setAttribute("href", url); a.setAttribute("target", "_blank"); a.setAttribute("id...

    Ecshop 第三方登录插件!,微博,淘宝,QQ,支付宝等

    ecshop 第三方登录包(qq,人人,新浪微博,...&lt;tr&gt;&lt;td&gt;使用合作网站账号登录&lt;/td&gt;&lt;td&gt;&lt;a href="#" onclick='toQzoneLogin()'&gt;&lt;img src="/login/qqlogin/qq_login.png"&gt;&lt;/a&gt; &lt;a href="#" onclick='toSinaWeiboLogin()'&gt;...

    107个常用javascript语句

    19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self "fullscreen=no,channelmode=no,toolbar=no,location=no,menubar=no,scrollbas=no,resizable=no," 20.状態栏的设置:window.status=...

    PDF在线预览插件屏蔽打印 下载操作

    PDF在线预览插件屏蔽下载与屏蔽打印功能,进行源代码的修改,杜绝非法用户进行PDF文件的下载与盗取操作。可以进行文件流实现PDF在线预览。 针对当前盖章签名的pdf 可以进行正常预览。 pdf.worker.js ...

    javascript函数的解释

    19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self 20.状态栏的设置:window.status="字符"; 21.弹出提示信息:window.alert("字符"); 22.弹出确认框:window.confirm(); 23.弹出输入提示框:...

    Ext JS 提示消息的 函数

    function process(){ Ext.MessageBox.confirm('确认提示', '你确定要导出Excel吗?... window.open(_url, '_self','width=1,height=1,toolbar=no,menubar=no,location=no'); msgTip.hide(); } }) }

    DoSeenBrowser - asp/asp.net/web服务器Web仿桌面应用程序开发工具

    支持将一个网络路径或本地程序封装为一个桌面应用程序、支持自定义程序名称、支持丰富的Web端js访问方法,如:关闭窗体、退出系统、最大化、最小化、任务栏气泡提醒消息、href拦截成窗体、window.open拦截成窗体、多...

    PDF.js-master.rar

    现在的浏览器基本都支持直接把...&lt;a href="/pdf/web/viewer.html?file=file.pdf"&gt;Open&lt;/a&gt; 如果想在弹窗打开: window.open('/pdf/web/viewer.html?file=file.pdf','PDF','width:50%;height:50%;top:100;left:100;');

    新浪网易的评论块制作源码

    新浪网易的评论块制作源码 ... var newwindow = window.open("tab.htm",'_blank', toolbars=0,resizable=1); 5. iframe里执行父窗体的方法 window.opener.XXX(xxx); 运行项目执行 HTMLPage2.htm 页面,进行测试吧

    在AngularJs中设置请求头信息(headers)的方法及不同方法的比较

    http()方法时,在config对象中设置请求头信息:事例如下: $http.post('/somePath' , someData , { headers : {'Authorization' : authToken} }).success(function(data, status, headers, config) { //... })...

Global site tag (gtag.js) - Google Analytics