2016-07-18 09:07:01
在a标签有一个属性为target,将其值设置为“_blank“,即可新开一个窗口打开页面,那么通过js也可以控制打开新的窗口来开启页面。
我们都知道form表单提交可以刷新页面,同时如果给form表单设置一个target同样也可以达到a标签的效果
代码语言:javascript复制form.target="_blank";
form.action="aaa.aspx";
form.submit();
如上代码,页面中设置一个隐藏的form表单,只不过里面不放置任何东西,提交表单几个跳转到一个新的页面,同时是用一个新的窗口打开。
还有一个办法就是采用window.open()的方式,window.open方法可控制的样式丰富,比如我们可以控制窗口显示的大小,窗口显示的内容,以及位置等等。都是使用js中的window.open有一个缺点就是容易被浏览器屏蔽。本文介绍了js中打开新窗口的各种方法。
1.打开新的窗口全屏
代码语言:javascript复制<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,打开新窗口固定大小
代码语言:javascript复制<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>
上面说的几种方式浏览器会拦截,下面来说一下如何避开浏览器拦截打开一个新页面的方式
代码语言:javascript复制var newTab=window.open('about:blank');
newTab.location.href ="https://www.oecom.cn";