JAVASCRIPT - 在打开全屏选项卡时调整子窗口的大小。

时间:2018-02-19 10:41:56

标签: javascript

我尝试了这两种方式,既不起作用也没有显示我的控制台错误,所以我有点难过。

function resizeMe() {
  let myWindow;
myWindow.resizeTo("width=200","height=200");
}

function resizeMe() {
window.resizeTo("width=200","height=200");
}

我尝试调整大小的页面由此默认行为方法加载。

function start() {
   window.open("example1.html");
}

我知道我可以打开具有特定大小的新浏览器窗口,但是我想在全屏打开后专门更改新窗口的大小。

谢谢

1 个答案:

答案 0 :(得分:0)

有一些问题需要修复,

在调整大小内部初始化let myWindow时,您的浏览器无法准确了解哪个window

要解决这个问题,我们可以使用全局变量

var myWindow;

现在,.resizeTo函数接受两个整数值,而不是其中包含宽度和高度值的字符串,

myWindow.resizeTo(250,250) // This is the right format

在选项卡中打开的Windows无法使用.resizeTo调整大小,您必须通过传递窗口的规范来打开该窗口,该窗口可以包含其初始宽度和高度,如下所示

window.open("http://example.com", "", "width=100, height=100")

把这些放在一起,我们可以创造你想要的东西:

var myWindow;
function start(){
    myWindow = window.open( "http://example.com", "", "width=500, height=500" );
   // If you want the window to span across the screen, use JavaScript to fill the values for height and width in the third parameter that's been passed to window.open
}

function resizeMe() {
    myWindow.resizeTo( 200, 200 );
}