以特定大小打开新页面

时间:2015-10-03 21:26:07

标签: html html5 window.open

我点击时,点击后会在新页面或标签中打开链接(视频),具体取决于我是否指定target="_blank"。 题?我可以控制这个新(父)页面的宽度。我希望它比父母小80%,只是为了向用户显示它是一个单独的页面。或者..如何在现有页面的窗口中打开此代码? 谢谢你的时间

    <div id="apDiv3"><a href="Fork at 57km.mp4" target="_blank" onmouseover="MM_swapImage('fork 57','','fork 57.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="Rollover blankBL.png" alt="Fork at 5.7 Km stay right" width="400" height="225" id="fork 57" /></a></div>

1 个答案:

答案 0 :(得分:1)

正如您在自己的帖子中提到的,您可以使用window.open阅读window.open documentation了解详情。您可以指定有关弹出窗口的许多参数。一个显式宽度/高度的简单弹出窗口如下所示:

  window.open('http://www.google.com',"My Window Name", "width=400,height=400")

我还创建了一个plunker so you can see it in action

HOWEVER ,我真的建议不要使用它。这是老事做事的方式。这种类型的弹出窗口已经流行了10多年了。除了烦人和不受欢迎之外,它也不可靠。某些浏览器/弹出窗口阻止程序将完全阻止此窗口打开。

更好的选择是使用某种JS模态库来加载实际页面中的内容(而不是在新窗口中)。

我真正喜欢的是Magnific Popup他们的页面上有很多例子。