2017-03-11 12 views
0

このコミュニティで検索したところ、回答は利用可能ですが、自分のコードでは機能しません。 ボタンOnClickを使用しているときに私のコードが動作しますが、body内からロードしたくありません。ウィンドウが読み込まれると自動的にこのJavaScriptコードをロードする手助けをしてください。ウィンドウが読み込まれると自動的にこのjavascriptコードを読み込む方法は?

$(document).ready(function() { 
    // your code here 
} 

注:ご質問があり、短い利きバージョン、代わりにあなたが使用できるある

<html lang="en"> 
<head><title>demo</title> 

<script> 
function removeElement(parentDiv, childDiv){ 
    //if (childDiv == parentDiv) { alert("The parent div cannot be removed.");} 

    if (document.getElementById(childDiv)) {  
      var child = document.getElementById(childDiv); 
      var parent = document.getElementById(parentDiv); 
      parent.removeChild(child); //parent.remove(parentDiv); 
    } 
    else { 
      alert("Child div has already been removed or does not exist."); 
      return false; 
    } 
}; 
</script> 
</head> 
<body> <!-- I don't want to load it in body onLoad="removeElement('parent','child');" --> 

    <div id="parent" style="border: 1px solid red; padding: 10px;"> 
    I am the parent div. 
     <div id="child" style="border: 1px solid green; padding: 10px;"> 
     I am a child div within the parent div. 
     </div> 
    </div> 

<input type="button" value="Remove Element" onClick="removeElement('parent','child');"> 

</body> 
</html> 
+0

window.onload = function() { removeElement('parent','child'); }を追加ではなく、前に? – biziclop

+0

可能であれば、前にも。 – samar

+0

それから 'removeElement( 'parent'、 'child');'を削除する要素の後に(例えば ''の前に)scriptタグを置くと、 'onload'が起動するのを待つ必要はありません。 – biziclop

答えて

1

ただ、窓の負荷とすぐ</script>

+0

はい。これはうまくいきます。ありがとうございます。 – samar

+0

喜んで:) – nitobuendia

2

あなたは 'DOM readyイベント' であなたのコードをラップする場合

​​3210

'jquery'タグのように、このライブラリを利用する場合は、ファイル上でこれを参照する必要があります。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
関連する問題