jQueryによるページ遷移

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

jQuery

$(function () { // ページ遷移 $('#location').click(function() { window.location.href = '/'; // target="_top" // top.location.href = '/'; // target="_blank" // window.open('/', '_blank'); }); // 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(); }); });

非jQuery版

JavaScript

window.addEventListener('load', function() { // ページ遷移 document.getElementById('location').addEventListener('click', function() { window.location.href = '/'; }); // 3秒後にページ遷移 document.getElementById('jump').addEventListener('click', function() { setTimeout(function(){ window.location.href = '/'; }, 3000); }); // refresh埋め込み document.getElementById('refresh').addEventListener('click', function() { var elem = document.createElement('meta'); elem.setAttribute('http-equiv', 'refresh'); elem.setAttribute('content', '3; URL=/'); document.getElementsByTagName('head')[0].appendChild(elem); }); // Submit document.getElementById('send').addEventListener('click', function() { document.getElementById('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で遊んでいます。
※動作確認について