KoReKuRai
   英語/転職   海外/国内旅行   健康   MENU

javascriptでHTMLにonloadの記載無しにfunctionを呼び出す方法

blogsite

HTMLページを読み込む際にbodyタグにonload="script();"を記載するとjavascriptで用意したスクリプトが呼び出されます。

でも、全ページのbodyタグを修正するとなると結構な手間です。

以下の記述を使うとbodyタグに追記することなく、呼び出すjavascriptファイルをページに前もって追加しておくだけなので、便利だと思いました。

まずはスクリプトファイルを用意します。例:example.js


if (window.addEventListener) { 
  window.addEventListener('load',openalert,false); 
}
else if (window.attachEvent) { 
  window.attachEvent('onload',openalert);
}
function openalert(event) { 
  alert("必要なコードを記載してください。"); 
}

HTMLページにexample.jsを追加します。


<html> 
<head>
        <script type="text/javascript" src="example.js" ></script>
</head>

<body>
</body>
</html>
スポンサーリンク

📄 関連記事


🔝上へ
スポンサーリンク

📄 月間ランキング



🔝上へ
こんな記事も読まれてます。

TRAVEL JAPAN
国内旅行 記事一覧

屋久島雨の日の空気伊豆下田のきれいな海富士山の頂上ってどんなとこ?京都観光マップ京都 紅葉とライトアップ富士山周辺観光マップ北海道の知床の絶景箱根駒ケ岳で見る富士山

TRAVEL ABROAD
海外旅行 記事一覧

インド出張 タクシーで牛と遭遇スペインで風車を見たナイアガラの滝の虹が凄い深夜のNYタイムズスクエア香港の夜景は船からアメリカのレンタカー代でいくら?グランドキャニオンまでドライブシドニーの世界遺産
🔝上へ

CATEGORY
カテゴリ

PROFILE
プロフィール

これくらいブログKoReKuRaiです。神奈川県在住。外資系IT業界でお仕事続けて12年。現在、3歳児の子育てに奮闘中です。ビジネス英会話、転職、出張、旅行記や子育て、サイト作成やコーディングに色々役立つと思うブログを書き足していきます。拙い文章ですがよろしくお願いします。メールはこちらまでお願いします。

Copyright 2017 KoReKuRai All Rights Reserved.