window.dispatchEvent(new Event('resize'));

在可能的情况下，我倾向于调用函数而不是分派事件。如果您可以控制想要运行的代码，那么这种方法效果很好，但如果您不拥有代码，请参阅下面的情况。

window.onresize = doALoadOfStuff;

function doALoadOfStuff() {
    //do a load of stuff
}

在本例中，您可以调用doALoadOfStuff函数，而无需分派事件。

在你的现代浏览器，你可以触发事件使用:

window.dispatchEvent(new Event('resize'));

这在ie浏览器中是行不通的，在ie浏览器中，你必须进行手动操作:

var resizeEvent = window.document.createEvent('UIEvents'); 
resizeEvent.initUIEvent('resize', true, false, window, 0); 
window.dispatchEvent(resizeEvent);

jQuery有触发器方法，它是这样工作的:

$(window).trigger('resize');

并有警告:

虽然.trigger()模拟事件激活，并使用合成的事件对象完成，但它不能完美地复制自然发生的事件。

您还可以模拟特定元素上的事件…

function simulateClick(id) {
  var event = new MouseEvent('click', {
    'view': window,
    'bubbles': true,
    'cancelable': true
  });

  var elem = document.getElementById(id); 

  return elem.dispatchEvent(event);
}

window. resizeby()将触发window的onresize事件。这在Javascript或VBScript中都有效。

窗口。resizeBy(xDelta, yDelta)调用like window。resizeBy(-200， -200)将页面缩小200px * 200px。

实际上，我不能让它与上面的任何一个解决方案一起工作。一旦我用jQuery绑定事件，它就可以正常工作，如下所示:

$(window).bind('resize', function () {
    resizeElements();
}).trigger('resize');

just

$(window).resize();

是我用的…除非我误解了你的要求

一个纯JS，也可以在IE上工作(来自@Manfred comment)

var evt = window.document.createEvent('UIEvents'); 
evt.initUIEvent('resize', true, false, window, 0); 
window.dispatchEvent(evt);

或者对于angular:

$timeout(function() {
    var evt = $window.document.createEvent('UIEvents'); 
    evt.initUIEvent('resize', true, false, $window, 0); 
    $window.dispatchEvent(evt);
});