HTML笔记 ·

js控制浏览器新开窗打开页面

在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";

 

参与评论