[1。
次のようにコードコードをコピーします。
<スクリプト言語= "javascript">
<! -
window.open( 'page.html')
- >
</script>
JavaScriptsコードのセクションであるため、<Script Language = "JavaScript">タグと</scrip>の間に配置する必要があります。 <! - >これらの古いブラウザでは、いくつかの低いブラウザーに効果があります。この良い習慣を開発するために。 window.open( 'page.html')は、Pop -up window page.htmlを制御するために使用されます。単一の引用と二重引用符の両方を使用できますが、混ぜないでください。このコードは、html、<head>、</head>の任意の位置に追加できます。<body> </body>も実行できます。特にページコードは長く、ページをポップアップしたい以前にそれを提出してみてください。
[設定後のポップアップウィンドウ]
ポップアップウィンドウの設定について話しましょう。上のコードに何かを追加するだけです。 ページの特定の状況に適応するために、ポップアップウィンドウの外観、サイズ、ポップアップの位置をカスタマイズしましょう。
次のようにコードコードをコピーします。
<スクリプト言語= "javascript">
<! -
window.open( 'page.html'、 'newwindow'、 'height = 100、width = 400、top = 0、left = 0、no、no、no、scrollbars = no、resizable = no、l、l、l 、L、L、L、L、L、L、L、L、L、L、L、L、L、L、L、L、L、L、L、L、L、L、NO、ステータス=いいえ ')//
- >
</script>
パラメーター説明:
<スクリプト言語= "javascript"> jsスクリプトが起動します。
window.openは、新しいウィンドウのコマンドをポップアップします。
'page.html'ポップアップウィンドウファイル名;
「NewWindow」ポップアップウィンドウ(ファイル名ではない)の名前は、解像度ではありません。
高さ= 100ウィンドウの高さ。
幅= 400ウィンドウ幅;
画面の上部からのウィンドウの距離は上部です。
左= 0ウィンドウは、画面の左側からのピクセル値です。
ツールバー= noツールバーを表示するには、はいが表示されます。
メノバー、スクロールバーはメニューバーとローリングバーを表します。
resizable = noはウィンドウサイズを変更することを許可します。はいが許可されています。
場所=いいえアドレスバーを表示するには、はいが許可されています。
ステータス= NOステータスバーに情報を表示するには(通常はファイルが開かれています)、はいが許可されています。
</script> jsスクリプトは終了します
[3。
以下は完全なコードです。
次のようにコードコードをコピーします。
<html>
<head>
<スクリプト言語= "javascript">
<! -
関数openwin(){){
window.open( "page.html"、 "newwindow"、 "height = 100、width = 400、toolbar = no、no、menubar = no、scrollbars = no、resizable = no、location = no")//行を書きます
}
//->
</script>
</head>
<bodyのみ= "openwin()" >>
任意のページコンテンツ...
</body>
</html>
関数OpenWin()はここで定義されており、関数の内容はウィンドウを開くことです。それを呼ぶ前に役に立たない。電話する方法は?
方法1:<Body Online = "OpenWin()">ブラウザがページを読み取ると、ウィンドウがポップアップします。
方法2:<body onunload = "openwin()">ブラウザがページを離れるとブラウザがポップアップします。
方法3:1つの接続を使用して呼び出します。
<a href = "#" onclick = "openwin()">ウィンドウを開く</a>
注:使用される「#」は仮想接続です。
方法4:ボタンを使用して呼び出します。
<入力型= "button" onclick = "openwin()" value = "ウィンドウを開く">
[4、2のWindowsが同時にポップアップします]
ソースコードをわずかに変更します。
次のようにコードコードをコピーします。
<スクリプト言語= "javascript">
<! -
関数openwin(){){
window.open( "page.html"、 "newwindow"、 "height = 100、width = 100、top = 0、left = 0、toolbar = no、no、no、scrollbars = no、resizable = no、local = no 、status = no ")//
window.open( "page2.html"、 "newWindow2"、 "height = 100、width = 100、top = 1 00、left = 100、no、menubar = no、scrollbars = no、resizable = no、l、l、 l、l、l、l、l、l、l、l、l ocation = no、status = no ")//
}
//->
</script>
2つのウィンドウカバレッジを回避するには、上部と左のポップアップ位置を制御する必要はありません。最後に、上記の4つの方法を呼び出してください。
注:同じ、単に空であるか、単に空にしないでください。
[5メインウィンドウでファイルを開きます。
次のコードに示されているように、メインウィンドウ<head>領域を追加します。
次のようにコードコードをコピーします。
<スクリプト言語= "javascript">
<! -
関数openwin(){){
window.open( "page.html"、 ""、 "width = 200、height = 200")
}
//->
</script>
<body>エリアを追加:
<a href = "1.htm" onclight = "openwin()"> open </a>。
[6。
下のポップアップウィンドウを制御しましょう。効果はさらに優れています。ポップアップページに短いコードを追加する場合(Page.htmlを追加するHTMLであることに注意してください。ホームページにはありません。 ?
まず、次のコードをpage.htmlファイルの<head>領域に追加します。
次のようにコードコードをコピーします。
<スクリプト言語= "javascript">
関数closeit()
{{
setimeout( "seld.close()"、10000)// milliseconds
}
</script>
次に、<body online = "closeit()">を使用して、page.htmlの元の<body>文を置き換えます。 (この文章を書くことを忘れないでください!この文の役割は、閉じるウィンドウのコードを呼び出し、10秒後に自分でウィンドウを閉じることです。)
[閉じたボタンをポップアップウィンドウに追加]
<form>
<入力タイプ= 'ボタン'値= 'close' onclick = 'window.close()'>
</form>
ハハ、今はもっと完璧です!
[8ページに含まれるポップアップウィンドウと2つのウィンドウ]
上記の例には2つのウィンドウが含まれ、1つはメインウィンドウ、もう1つは小さなウィンドウです。次の例を使用して、上記の効果を1つのページに記入できます。
次のようにコードコードをコピーします。
<html>
<head>
<スクリプト言語= "javascript">
関数openwin()
{{
openWindow = window.open( ""、 "newwin"、 "height = 250、width = 250、toolbar = no、scrollbars ="+scroll+"、menubar = no"));
//行に書き込みます
openwindow.document.write( "<title> example </title>")
openWindow.document.write( "<body bgcolor =#ffffff>")
openWindow.document.write( "<h1> hello!</h1>")
OpenWindow.Document.Write( "新しいウィンドウが開いた!")
openwindow.document.write( "</body>")
openwindow.document.write( "</html>")
openwindow.document.close()
}
</script>
</head>
<body>
<a href = "#" onclick = "openwin()">ウィンドウを開く</a>
<入力型= "button" onclick = "openwin()" value = "ウィンドウを開く">
</body>
</html>
openWindow.document.write()のコードを見てください。標準のHTMLではありませんか?形式でより多くの行を書くだけです。もう1つのラベル以下のラベルを使用して、エラーに注意してください。 openWindow.document.close()で終了することを忘れないでください。
[9。
上記のポップアップウィンドウはクールですが、小さな問題があること(喜びに没頭しているので、見つけてはいけませんか?)。たとえば、上記のスクリプトを頻繁に渡す必要があるページに(ホームページ)、そしてすべてのページ、そしてこのページのすべてがこのページをリフレッシュし、ウィンドウが一度ポップアップします、それは非常に迷惑ではありませんか? :-_
解決策はありますか?はい!
まず、ホームページHTMLの<head>領域に次のコードを追加します。
次のようにコードコードをコピーします。
<スクリプト>
関数openwin(){){
window.open( "page.html"、 ""、 "width = 200、height = 200")
}
function get_cookie(name){
var search = name + "="
var returnValue = "";
if(document.cookie.length> 0){{
offset = document.cookie.indexof(検索)
if(offset!= -1){{
offset += search.length
end = document.cookie.indexof( ";"、offset);
if(end == -1)
end = document.cookie.length;
returnValue = unescape(document.cookie.substring(office、end))
}
}
ReturnValue;
}
function loadpopup(){
ift_cookie( 'popped')== ''){{
OpenWin()
document.cookie = "popped = yes"
}
}
</script>
次に、<body online = "loadpopup()">を使用します(オープンウィンではなく、loadpop!)ホームページの元の<body>文を交換します。このページを更新したり、ページをもう一度入力したりすることができれば、ウィンドウがポップアップ表示されません。本物のポップのみ!