Question

我尝试使用谷歌搜索，但我无法表达我所要求的内容。

似乎有不同的触发事件的方式，我想知道它们之间是否存在差异。

途中就是：

window.onload=function(){headerAdjustWidth();thumbsArrange();checkHash();}
window.onscroll=function(){windowScrollStore();}
window.onresize=function(){headerAdjustWidth();thumbsArrange();windowScrollAdjust();showExpanded(false);}
window.onkeydown=function(){checkKeyboard();}

另一种方式是

<body onKeyDown="checkKeyboard();" onLoad="headerAdjustWidth();thumbsArrange();checkHash();" onScroll="windowScrollStore();" onResize="headerAdjustWidth();thumbsArrange();windowScrollAdjust();showExpanded(false);">

到目前为止，每个人都有任何利弊吗？

另一件事是onload函数，有什么理由我应该/不应该直接把它们放在＆lt; script＆gt;中事情？ e.g：

<script type="text/javascript">
  headerAdjustWidth();
  thumbsArrange();
  checkHash();
</script>

最后，有什么理由我应该做window.onscroll = function（）{windowScrollStore（）;}而不是window.onscroll = windowScrollStore？

Answer 1

在我看来，最好不在HTML中包含javascript调用，因为这会使一些构建步骤变得复杂，例如OFFUSCATION代码。

我强烈建议使用该解决方案将javascript保留在javascript中。

关于onload函数，如所描述的abode，我在脚本上运行，因为它简化了构建过程。

是否更好使用或<script> window.onevent = function（）{}？</script>

1 个答案: