ホームページ > 記事 > ウェブフロントエンド > js での window.onload コード例の標準的な使用法 (コードを含む)
js での window.onload コード例の標準的な使用法 (コードを含む)
- 亚连オリジナル
- 2018-05-18 11:18:301759ブラウズ
以下は、js での window.onload の使用を標準化するために私がコンパイルしたコード例です。興味のある学生はご覧ください。
1. window.onloadで正常に実行できるコード
<html>
<head>
<script>
window.onload=function()
{
alert(1);
}
</script>
</head>
<body>
<div id="div">sdfasdf</div>
</body>
</html>2. 正常に実行できないコード
<html>
<head>
<script>
window.onload=function()
{
alert(1);
}
function()
{
alert("z");
}
</script>
</head>
<body onload="z()">
<div id="div">sdfasdf</div>
</body>
</html>3. では、どこが問題なのでしょうか？
最初のコード部分には window.onload 以外の JS コードがなく、2 番目のコード部分には追加の関数 z() があり、2 番目のコード部分では本体の onload が指定されていることがわかります。 z() であるため、コードの 2 番目の部分が実行されると、z() 関数内の js コードのみが実行され、window.onload 内の js コードは実行されません。したがって、onloadを自分で指定した場合、window.onloadは無効となります。
上記は私があなたのためにまとめたものです。
関連記事:
jsでdiv、span、labelを作成する方法をコードを通して詳しく説明します
jsでモデルデータモデルを確立する方法（コードが提供されており、シンプルで理解しやすい）
ネイティブJSで衝突を判定するメソッドを実装する(興味深い例)
以上がjs での window.onload コード例の標準的な使用法 (コードを含む)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。