jQueryによるページ遷移

ページ遷移、3秒後にページ遷移、Submit(GET/POST)

jQuery

$(function () { // ページ遷移 $('#location').click(function() { window.location.href = '/'; // target="_top" // top.location.href = '/'; }); // 3秒後にページ遷移 $('#jump').click(function() { setTimeout(function(){ window.location.href = '/'; }, 3000); }); // refresh埋め込み $('#refresh').click(function() { $('head').append('<meta http-equiv="refresh" content="3; URL=/">'); }); // Submit $('#send').click(function() { // action、methodの指定 // $('#values').attr({ // 'action':'send.php', // 'method':'get' // }); $('#values').submit(); }); });

HTML

<!-- Submit --> <form action="/" method="post" id="values"> <input type="button" id="send" value="送信"> </form>

サンプル

<meta http-equiv="refresh">の挙動について

FireFox

about:config > accessibility.blockautorefreshの設定がFALSEの場合は動作しない。

IE

ツール > インターネットオプション > セキュリティ > インターネット > レベルのカスタマイズ > ページの自動読み込みの設定が無効にするの場合は動作しない。

最新の記事

プロフィール

流されるままにウェブ業界で仕事しています。
主にLAPP環境でPHPを書いています。
最近はjQueryをよく書いています。