我目前正在学习使用SharePoint 2013进行开发。我创建了一个自定义母版页并添加了一个脚本元素，如下所示。
function jsUpdateSize() {
// Get the dimensions of the viewport
var width = window.outerWidth;
if (width >= 1280) {
document.getElementById('span_title').innerHTML = 'Full Title';
document.getElementById('span_author').innerHTML = 'Full Author';
} else {
document.getElementById('span_title').innerHTML = 'Short Title';
document.getElementById('span_author').innerHTML = 'Short Author';
}
};
这在body标签中调用，包括onload和onresize。
<body onload="jsUpdateSize()" onresize="jsUpdateSize()">
onload调用正常。如果我更改浏览器宽度并刷新页面，我会得到相应的文本。不幸的是，在重新调整浏览器大小时，它不会这样做。
我也尝试过添加
window.onload = jsUpdateSize; // When the page first loads
window.onresize = jsUpdateSize; // When the browser changes size
不幸的是，同样的结果发生了。
我在Firefox，Chrome和IE中测试了这个脚本。所有都产生相同的结果。
任何建议都将不胜感激。