2017-06-24 5 views
-1

ユーザーがページに着くとすぐに関数を実行しようとしています。私は以下の頭部を持っています:なぜ私の機能はページの読み込みに機能しませんか?

<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 

    <link rel="stylesheet" type="text/css" href="Resources/css/normalize.css"> 
    <link rel="stylesheet" type="text/css" href="Resources/css/ionicons.min.css"> 
    <link rel="stylesheet" type="text/css" href="Resources/css/animate.css"> 
    <link rel="stylesheet" type="text/css" href="Resources/css/style.css"> 
    <link rel="stylesheet" href="https://www.w3schools.com/lib/w3.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

    <script type="text/javascript"> 
     function sayOK() { 
      alert('ok'); 
     } 
     window.onload = sayOK; 
    </script> 

</head> 

なぜオク()が走っていないのですか?

答えて

0

テストでサンプルコードが正常に実行されました。閉じたbodyタグの直前に、スクリプトをフッターに移動することができます。

jQueryは良いオンロードメカニズムを提供します。ブラウザ間の信頼性を望むなら、それは私がどこから始めるかということです。車輪を再構築しないでください。

https://learn.jquery.com/using-jquery-core/document-ready/

+0

なぜダウン投票?彼はすでにサンプルにjQueryをロードしていますので、使用しない理由はありません。オンロードを処理するためのカスタム関数を作成することは、彼がすでに1つにアクセスしてメンテナンスを難しくしている場合は不必要です。 – illmortem

+0

これは機能しました。私は身体の閉鎖の直前にスクリプトを動かしました。 –

+0

素晴らしい、嬉しい助け - 最も簡単な答えは最高です:) – illmortem

-1

それは動作します。別のファイル(ok.htmlなど)を作成して、任意のブラウザで開きます。メッセージが表示されます。

0

これですとすぐにページがロードされると、あなたのコードを実行するポータブルな方法:

function documentReady (cb) { 
    if (document.readyState !== 'loading') { 
    cb(); 
    } else { 
    document.addEventListener('DOMContentLoaded', cb); 
    } 
} 

documentReady(function() { 
    // YOUR CODE GOES HERE 
}); 
関連する問題