HTML末尾的脚本调用导致页面在Chrome

时间:2017-04-24 21:56:06

标签: javascript html css google-chrome resize

今天我在处理一个新表格时遇到了一个问题,让我感到困惑,并且对于发生了近一个小时的事情感到困惑。最后,我尝试的最后一件事是替换我在HTML代码底部的无用脚本调用。

这就是我之前所拥有的:

</form>
</body>
</html>

这就是我添加的内容:

</form>
<script src="script_printpage.js"></script>
</body>
</html>

脚本文件内只有:

function printPage() {
    window.print();
}

所以现在你知道我拥有什么以及我改变了什么,让我解释一下发生了什么。

我有一个简单的页面(我无法从家里访问,因此我无法发布)有一个容器,一些基本格式,你可以命名。这不是真正的花哨或任何东西,我在我的所有间距和元素上保持紧张的船。我所做的所有其他表单底部都有这个脚本,这意味着我从未见过这个问题。

如果我添加任何输入元素(如输入类型文本),当我刷新页面时脚本行不存在时,文本控件实际上将“增长”一段时间,直到达到正常大小和正常外观。我在工作时对它进行了打印筛选,看到它装载的那一刻看起来像是没有填充物或任何东西,只有一个厚厚的黑色边框。

每次刷新页面时,这种行为都会重复。我可以坐在那里不断刷新,它总会这样做。这很难解释,但基本上输入控制开始变小,如果底部的脚本行丢失,则会在几分之一秒内“增长”到正常的预期大小。

如果我在底部重新添加此脚本行,则永远不会发生。页面加载和文本控件已经处于正常大小,并且没有任何刷新更改其外观。

导致元素在页面加载时调整大小的原因是什么?为什么在地球上做一个什么都不做的剧本影响这个?我希望我能给你所有的代码,但我无法在家里访问它。

我通过Edge尝试了这个代码,无论是否有脚本调用都没有发生过,在我的测试中它也不会在Firefox中发生。我工作的计算机是在最新版本的Chrome上,所以我知道它现在发生在当前版本上,无论它是什么。

对此的任何帮助都会很棒。现在我可以将这个无用的脚本保留在底部,这样我就不会疯狂。

0 个答案:

没有答案