SQLの窓

2013年06月11日


document.createElement("a") で新しいウインドウ(タブ)を開く


いまどきはタブで開くと思いますが、昔は click() で開いたのは IE だけだったような記憶があります。Google Chrome と Firefox と IE で試しましたが、いずれも動作しました。

ただ、Google Chrome だけが、appendChild しなくても実行できました( どこにも属さない状態で動く )
<script type="text/javascript">
function openLink(url) {
	var obj = document.createElement("a");
	obj.href = url;
	obj.target = "_target";
	document.body.appendChild(obj)
	obj.click();
	document.body.removeChild(obj)
}
</script>
<input type="button" value="Open Link" onclick='openLink("http://winofsql.jp/open_link.htm");'>

開かれたほうでは、window.open 時と同じように、IE の場合のみ window.close() だけでは、確認ダイアログが表示されるので以下の『閉じる2』のようにする必要があります
<!DOCTYPE html>
<html>
<head>
<meta charset="shift_jis" />
<title>画面遷移</title>
<script type="text/javascript">
</script>
</head>
<body>
<input type="button" value="閉じる1" onclick='window.close();' />
<input type="button" value="閉じる2" onclick='(window.open("","_self")).close();' />
</body>
</html>




【JavaScriptの最新記事】
posted by lightbox at 2013-06-11 21:04 | JavaScript | このブログの読者になる | 更新情報をチェックする
container 終わり

フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

CSS ドロップシャドウの参考デモ
BUTTONS (CSS でボタン)
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり