JavaScript_javascriptスキルのwindow.open使用例を詳しく解説-jsチュートリアル-php.cn

JavaScript_javascriptスキルのwindow.open使用例を詳しく解説

WBOY

リリース： 2016-05-16 16:04:06

オリジナル

1338 人が閲覧しました

この記事では、JavaScript での window.open の使用法を詳しく分析します。皆さんの参考に共有してください。詳細は以下の通りです。

コードをコピーコードは次のとおりです:

パラメータの説明:

js スクリプトが開始します。

新しいウィンドウをポップアップする window.open コマンド; 'page.html' ポップアップウィンドウのファイル名
'newwindow' ポップアップウィンドウの名前 (ファイル名ではありません) は、オプションで空の
に置き換えることができます。高さ=100 ウィンドウの高さ
width=400 ウィンドウ幅
top= 画面からウィンドウ上の 0 ピクセル値
left=0 画面の左側からのウィンドウのピクセル値
toolbar=no ツールバーを表示するかどうか、yes は表示することを意味します
メニューバー、スクロールバーはメニューバーとスクロールバーを表します。
resizable=no ウィンドウサイズの変更を許可するかどうか。yes は許可されることを意味します。 location=no アドレスバーを表示するかどうか。yes は許可されます。
status=no ステータスバーに情報を表示するかどうか (通常はファイルが開かれています)、yes は許可されます。
1. 関数を使用してポップアップウィンドウを制御します

以下は完全なコードです。

ここでは関数openwin()が定義されており、関数内容はウィンドウを開くというものです。呼び出されるまでは何の役にも立ちません。なんと呼びますか？

<html>
<head>
<script LANGUAGE="Javascript">
<!-- 
function openwin()
{ window.open("page.html", "newwindow", "height=100,width=400, toolbar=no , menubar=no, scrollbars=no,resizable=no, location=no, status=no") //写成一行
}
//-->
</script>
</head>
<body onload="openwin()">
...任意的页面内容...
/body>
</html>

ログイン後にコピー

方法 1: ブラウザがページを読み取るときにポップアップウィンドウが表示されます。

方法 2: ブラウザがページを離れるときにポップアップウィンドウを表示します。
方法 3: 接続を使用して呼び出す: ウィンドウを開く注: 使用される「#」は仮想接続です。

方法 4: ボタンで電話をかける:

2. ポップアップウィンドウを定期的に閉じます (Web サイトによっては、登録に成功した後、登録前のページに移動するまでに n 秒かかるか、自動的にジャンプする場合があります)

次に、ポップアップウィンドウでいくつかのコントロールを実行すると、効果がさらに良くなります。

ポップアップページに小さなコードを追加した場合 (メインページではなく、page.html の HTML に追加されることに注意してください。そうでない場合は...)、ポップアップページが自動的に閉じた方がクールではないでしょうか。 10秒？

まず、page.html ファイルの領域に次のコードを追加します:

次に、この文を使用して、page.html 内の元の文を置き換えます。

(この文を書くことを忘れないでください。この文の機能は、ウィンドウを閉じるコードを呼び出すことであり、ウィンドウは 10 秒後に自動的に閉じられます。

<script language="Javascript">
function closeit()
{
setTimeout("self.close()",10000) //毫秒
}
</script>

ログイン後にコピー

3. ウィンドウを一度だけポップアップします (Cookie コントロール)

上記のポップアップウィンドウは優れていますが、たとえば、頻繁に渡す必要があるページ (ホームページなど) に上記のスクリプトを配置すると、少し問題があることを思い出してください。
このページを更新するたびにウィンドウが表示され、非常に煩わしくありませんか?解決策はありますか?

これを制御するために Cookie を使用します。

まず、メインページの HTML 領域に次のコードを追加します:

次に、メインページの元の
を次のものに置き換えます (openwin ではなく、loadpop であることに注意してください!)

この文で十分です。ページを更新するか、ページに再度アクセスしてみると、ウィンドウが再度ポップアップすることはありません。

<script>
function openwin()
{window.open("page.html","","width=200,height=200")}
function get_cookie(Name)
{
 var search = Name + "="
 var returnvalue = "";
 if (documents.cookie.length > 0) {
 offset = documents.cookie.indexOf(search)
 if (offset != -1) {
 offset += search.length
 end = documents.cookie.indexOf(";", offset);
 if (end == -1)
 end = documents.cookie.length;
 returnvalue=unescape(documents.cookie.substring(offset,end))
 }
 }
 return returnvalue;
}
function loadpopup(){
　if (get_cookie('popped')==''){
 openwin() ;
　　documents.cookie="popped=yes" ;
　}
}
</script>

ログイン後にコピー

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。