ホームページ > ウェブフロントエンド > jsチュートリアル > js での window.onload コード例の標準的な使用法 (コードを含む)

js での window.onload コード例の標準的な使用法 (コードを含む)

亚连
リリース: 2018-05-18 11:18:30
オリジナル
1796 人が閲覧しました

以下は、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート