js控制浏览器新开窗打开页面
2016-07-18 09:07:01
在a标签有一个属性为target，将其值设置为“_blank“，即可新开一个窗口打开页面，那么通过js也可以控制打开新的窗口来开启页面。
我们都知道form表单提交可以刷新页面，同时如果给form表单设置一个target同样也可以达到a标签的效果
form.target="_blank";
form.action="aaa.aspx";
form.submit();如上代码，页面中设置一个隐藏的form表单，只不过里面不放置任何东西，提交表单几个跳转到一个新的页面，同时是用一个新的窗口打开。
还有一个办法就是采用window.open()的方式，window.open方法可控制的样式丰富，比如我们可以控制窗口显示的大小，窗口显示的内容，以及位置等等。都是使用js中的window.open有一个缺点就是容易被浏览器屏蔽。本文介绍了js中打开新窗口的各种方法。
1.打开新的窗口全屏
<html><head>
<title>blue</title>
<SCRIPT>
function ow(owurl){
var tmp=window.open("about:blank","","fullscreen=1")
tmp.moveTo(0,0);
tmp.resizeTo(screen.width+20,screen.height);
tmp.focus();
tmp.location=owurl;
}
</SCRIPT>
</head>
<body>
<ahref="javascript:ow('http://www.aspxhome.com/');">
blog</a>2,打开新窗口固定大小
<buttononclick="window.open('/red/','','width=800,height=300')">open1</button>
<button onclick="varnewwin=window.open('/red/');newwin.moveTo(50,50);newwin.resizeTo(800,300)">open2</button>
<buttononclick="window.showModelessDialog('/red','','dialogWidth:800px;dialogHeight:300px')">open3</button>上面说的几种方式浏览器会拦截，下面来说一下如何避开浏览器拦截打开一个新页面的方式
var newTab=window.open('about:blank');
newTab.location.href ="https://www.oecom.cn";本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2016-07-18，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读