使用JavaScript调整浏览器Windows大小
幸运的是，您无法移动或调整浏览器窗口的大小您的JavaScript代码未创建。想象一下，如果任何随机函数会将浏览器窗口缩小到四分之一的大小，可以随之而来的混乱。但是，您可以使用内置的JavaScript函数来立即调整和重新定位浏览器窗口。
JavaScript新手？访问Udemy学习Pro编码提示。
弹出窗口：好与坏
这些天浏览器的弹出窗口阻止者很受欢迎，许多浏览器将其建立在其基础架构中。弹出窗口只是在查看另一个浏览器窗口时打开的浏览器窗口。虽然某些网站打开显示广告的弹出窗口，但其他网站使用弹出窗口显示有用的信息。例如，您可能希望网站访问者查看显示地图或表的小弹出窗口。以下代码创建并打开一个可以控制的新的弹出浏览器窗口：
window1 = window.open（“mycreatedwindow.html”，“”，“宽度= 300，高度= 200”）;
注意名为window1的变量。该变量对您的新POPUP窗口进行了引用。该变量很重要，因为您需要它来操纵新窗口。第一个参数包含要在新窗口中打开的URL。此示例打开名为MyCreatedWindow.html的HTML页面。如果您想要打开空窗口，请将此参数空白。最终两个可选参数使您可以设置新窗口的宽度和高度以像素。在该示例中，这些值是300和200。
第二个参数控制JavaScript如何打开一个新窗口。当您将参数空白或给它一个值“_blank时，JavaScript会创建一个新窗口。其他可能的值显示在下面：
_top - 内容替换了当前页面中可能存在的框架集
_self - 内容替换当前页面中的内容
_parent - 页面父帧中的内容加载如果存在
名称 - 细节您要调用您创建的窗口的名称
不同的用户可以使用不同的浏览器分辨率查看您的网页。如果您创建窗口并将其调整为800像素宽度，则带有屏幕的人较低的人低于800像素必须滚动以查看窗口。如果要调整窗口的大小，以便足够小以适合用户的显示区域，请使窗口小于显示区域。Window.Screen对象可以帮助您发现用户的屏幕分辨率，如下所示：
var screenwidth = screen.width;var screenheight = screen.height;
了解有关Udemy的有关Windows，浏览器和JavaScript方法的更多信息。
调整一个弹出窗口的大小
即使您可以在打开窗口的尺寸时，也可以在稍后使用如下所示的代码稍后调整大小：
window1.resizeto（333,444）;
该语句调整了您创建的Window1窗口的大小，以便它是333像素宽，444像素高。resizeTo帮助您将窗口调整为特定尺寸，但resizeBy方法按增量调整窗口大小。假设您的窗口为400像素宽，200像素高200像素，您希望它更高30像素。您可以使用以下代码执行此操作：
window1.resizeby（0,30）;
当浏览器调整窗口大小时，它会通过指定参数中指定的值移动窗口的右下角。因为第一个参数为0，所以窗口的宽度不会改变。高度增加30个像素，因为第二个参数是30.窗口的左上角不会移动。
使用Resize是一种绝佳的方法，允许用户逐步调整窗口的大小。例如，您可以为它们提供单击时称为函数的按钮。该函数可以执行Resizy的方法，该方法将窗口调整大量少量。传递否定参数以使窗口更小，如下所示：
window1.resizeby（-20,60）;
该陈述将窗口的宽度缩小20像素，其高度缩小为60像素。
处理调整事件大小
当浏览器做某事时，Javascript经常知道它。例如，如果您手动调整浏览器窗口大小，Javascript可以提醒您执行该事件。您需要设置一个事件处理程序来执行此操作，如下所示：
window1.onresize =函数（）{警报（“调整大小发生事件”）;};
这段代码告诉JavaScript在窗口调整大小时在函数中执行代码。使用调整大小事件发生时要运行的代码替换警报语句。此示例将OnRSize事件添加到前面示例中描述的Window1弹出窗口。但是，您还可以使用以下代码将此事件添加到主窗口：
window.onresize = function（）{警报（“调整大小发生事件”）;};
调整大小并移动弹出窗口
如果调整POPUP窗口大小，窗口的一部分移除屏幕，会发生什么？如果窗口靠近屏幕的边缘，可能会发生，使窗口更大。如果您想重新定位窗口调整大小后，请使用MoveTo JavaScript方法，如以下代码段所示：
window1.moveto（x，y）;
用所需的x坐标和y替换x，具有所需的y坐标。例如，如果要将窗口移动到从屏幕左边缘和200像素从屏幕的顶部边缘移动到200像素的位置，请使用以下代码：
window1.moveto（400,200）;
如果您需要调整窗口大小并移动它，您可能会发现首先调整它的大小，然后将其移动到新位置。
JavaScript还具有一个MoveBy方法，它与ResizeBy方法类似。当您需要按一定金额移动窗口时调用moveBy，如下所示：
window1.moveby（20，-30）;
在此示例中，JavaScript将Window1弹出窗口20像素移动到右侧和30个像素。窗口向上移动30个像素而不是下降30个像素，因为您通过MOVETO -30，负数。
额外的调整提示
既然您知道如何移动Windows，调整它们大小并确定用户的屏幕尺寸，您可以调整大小并移动任何窗口，以便始终在视图中。例如，假设用户的屏幕宽度为640像素，并且您希望创建一个440像素宽的窗口。您知道您的窗口将保持在屏幕上，只要您不会从屏幕的左边缘移动超过200像素。换句话说，如果屏幕为640像素宽，则在左边的右边缘处左侧向左侧边界处定位200像素的440像素宽窗口。
请记住，有些人用弹出窗口阻止Web和JavaScript上网。因此，在弹出窗口中提出了一些人可能无法打开的重要功能并不明亮。您可以通过创建包含您要显示的内容的div来创建“伪”弹出窗口。当您的屏幕突然变暗时，您可能已经看到了这些类型的divs，并且在一个框中出现了图像。因为这些div不是弹出窗口，所以弹出窗口软件无法阻止它们出现。最后，有一些限制调整某些窗口的大小时。
