javascriptのwindow.openとwindow.location.href

10147 ワード

1.window.locationはwindowオブジェクトの属性です.window.openはwindowオブジェクトの方法です.
　　 window.locationは現在のブラウザウィンドウのURLアドレスオブジェクトの参考です. 　　 window.openは新しいウィンドウを開くための関数です.
2.ボタン、表、セル、プルダウンリスト、DIVなどにリンクするときは、たいていJavascriptを使って完成します.普通のリンクを作るのと同じです.リンクページを現在のウィンドウで開く必要があるかもしれません.新しいウィンドウで開く必要があるかもしれません.次の二つの項目を使って完成できます. window.openは新しいウィンドウを開けます. window.locationは現在のページを置き換えるために使われています.つまり、現在のページを再配置します. 以下の例を使ってテストしてもいいです. 　　　　　　　　
3. window.locationまたはwindow.openはどうやってtargetを指定しますか? これはよくある問題です.特にフレームを使う時解決策: window.locationをtop.locationに変更すればトップから指定ページにリンクできます. または window.open(「あなたのサイト」「_top」);
4. window.openは一つのサイトで別のサイトのアドレスを開くことができます.window.locationは一つのサイトの中でしかこのサイトのホームページを開くことができません. 　　 window.open()詳細　　　　 <bragt;<!--window.open('pagen);> <bragt;　　　　これはJavascriptsコードですから、ラベルとの間に置くべきです.いくつかのバージョンの低いブラウザに役立ちます.これらの古いブラウザではラベルのコードをテキストとして表示しません. これを習慣づけるべきですね. window.open('pagen')は新しいウィンドウをポップアップすることを制御するために使用されます.もしpage.はメインウィンドウと同じパスではないなら、前にパスを明示するべきです.絶対パス(http:/)と相対パス(./)どちらでもいいです.単引用符と二重引用符を使ってもいいです.混ぜないでください.このコードはHTMLの任意の位置に参加できます.間でもいいです.前に行くほど早く実行できます.特にページコードが長いです.またページを早めにイジェクトしたいので、できるだけ前に置いてください. 　　設定後のポップアップウィンドウ　　　ポップアップウィンドウの設定について説明します.上のコードにもう一つのものを追加すればいいです.私たちはこのポップアップウィンドウの外観、サイズ、ポップアップの位置をカスタマイズして、ページの具体的な状況に合うようにします.

<SCRIPT LANGUAGE="javascript"> 
　　 
SCRIPT>

　　パラメータの説明: 　　 window.openは新しいウィンドウの命令を出します. イジェクトウィンドウのファイル名. 'newwindow'ポップアップウィンドウの名前(ファイル名ではなく)は必須ではなく、空き''で代替できます. height=100ウィンドウの高さ. width=400ウィンドウ幅; top=0ウィンドウは画面の上のピクセル値となります. left=0ウィンドウは画面左側のピクセルの値です. toolbar=noはツールバーを表示するかどうか、yesは表示です. メンバー、scrollbarsはメニューバーとスクロールバーを表します. resizable=noはウィンドウサイズの変更を許可していますか?yesは許可です. location=noはアドレスバーを表示するかどうか、yesは許可です. status=noがステータス欄内の情報を表示しているかどうか(通常はファイルが開いています)、yesが許可しています. 　　
5.ポップアップウィンドウを関数で制御する: 　　以下は完全なコードです. 　　

<html> 
　　<head> 
　　    <script LANGUAGE="JavaScript"> 
　　         
　　    script> 
　　head> 
　　<body onload="openwin()"> 
　　           ... 
　　body> 
html>

ここで関数のopenwin()を定義します.関数の内容はウィンドウを開くことです.それを呼び出す前には何の用途もありません.どう呼びますか?
方法1:ブラウザでページを読むとき、ウィンドウをイジェクトする. 方法2:ブラウザがページを離れると、ウィンドウがイジェクトされます. 方法3:1つの接続で呼び出す:ウィンドウを開く注意:使用している「〓」は虚接続です. 方法四:ボタン一つで呼び出す: 　　 6.同時に二つのウィンドウをイジェクトするソースコードを少し変更します.

"</span><span style="color: #800000;">JavaScript</span><span style="color: #800000;">"</span>> 
　　　　<!--<span style="color: #000000;"> 
　　　　　　function openwin() { 
　　　　　　window.open (</span><span style="color: #800000;">"</span><span style="color: #800000;">page.html</span><span style="color: #800000;">"</span>, <span style="color: #800000;">"</span><span style="color: #800000;">newwindow</span><span style="color: #800000;">"</span>, <span style="color: #800000;">"</span><span style="color: #800000;">height=100, width=100, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=n o, status=no</span><span style="color: #800000;">"</span>)<span style="color: #008000;">//</span><span style="color: #008000;">     </span>
　　　　　　window.open (<span style="color: #800000;">"</span><span style="color: #800000;">page2.html</span><span style="color: #800000;">"</span>, <span style="color: #800000;">"</span><span style="color: #800000;">newwindow2</span><span style="color: #800000;">"</span>, <span style="color: #800000;">"</span><span style="color: #800000;">height=100, width=100, top=1 00, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, loca tion=no, status=no</span><span style="color: #800000;">"</span>)<span style="color: #008000;">//</span><span style="color: #008000;">     </span>
<span style="color: #000000;">　　　　　　} 
　　　　</span><span style="color: #008000;">//</span><span style="color: #008000;">--> </span>

ポップアップの2つのウィンドウをカバーしないように、topとleftでポップアップの位置を制御してください.互いに上書きしないでください.最後に上で述べた四つの方法で呼び出してもいいです. 注意:2つのウィンドウのname(newwindowsとnewwindow 2)は同じではなく、いっそ全部空です. 【メインウィンドウでファイル1.httmを開いて、小さなウィンドウのページをイジェクトする】メインウィンドウエリアに次のコードを追加します. 　　 <bragt; <bragt;　　加入エリア: openでいいです. 【ポップアップのタイミングクローズ制御】　　次に私達は更にポップアップのウィンドウに対していくつか制御を行って、効果はもっと良くなりました.もし私達は更に1の小さい部分のコードをポップアップのページに参加するならば(注意するのはpage)のHTMLに参加して、ホームページの面の中ででではないことができて、さもなくば…)、それを10秒後に自動的に閉じさせるのは更に格好が良いですか? まず、以下のコードをPagelファイルのエリアに追加します. 　　 <bragt;function closeit() <bragt;{ <bragt;setTimeout("self.close()",10000)/ミリ秒 <bragt; <bragt;　　そして、この言葉を中国にあるこの言葉の代わりに使えばいいです.(この一言は忘れずに書いてください.この文の役割はウィンドウを閉じるコードを呼び出して、10秒後に自分でウィンドウを閉じます.) 【ポップアップウィンドウに閉じるボタンを追加】　　 openwin() document.co okie=「popped=yes」 ) ) 　　そして、(openwinではなくloadpopに注意してください.)でホームページの中原にあるこの一言を置き換えればいいです.このページを更新してみてもいいです.またこのページに入ると、もうウィンドウが開きません. 注意: 1. window.locations.Reload()とwindow.locations.href=window.location.href; 現在のページを更新します. 　　 self.locations.reload() //このページを更新するという意味です. 2. window.openで新しいページを開きます. でもwindow.locations.href="はもとの窓で開けました. ブラウザによっては、いくつかのセキュリティ設定window.openが必ず遮断されます.例えば、広告ウィンドウのイジェクトを避ける.

転載しますhttp://guangcai.iteye.com/blog/518345
http://blog.csdn.net/lingling_jy/articale/detail/8191107

ES 6(7)のAsyncとawait