スポンサーリンク

JavaScriptの動かないコード　(中級編)　重いページで，onloadのイベントリスナが実行されない

javascript ネットワーク ruby Apache 動かないコード


以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分）

やりたい事：

  • サーバサイドで、画面上のフォーム内に、大量のhiddenデータを描画する。
  • 描画が終わったら、自動的にフォームを送信（submit）する。
<body>

↓このフォームは自動送信されます。
<form id="f">

  （↓100万件のhiddenデータ）
  <% 1.upto( 1000000 ) do |i| %>
    <input type="hidden" id="hoge_<%= i %>" value="<%= i %>">
  <% end %>

</form>


<script>

// 自動的に実行される関数
window.onload = function(){
	// フォームを自動送信する
	document.getElementById("f").submit();
};

</script>


</body>
続きを読む