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