如何使用javascript open()方法

本篇內(nèi)容主要講解“如何使用javascript open()方法”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“如何使用javascript open()方法”吧!

在javascript中，open()方法的作用是導(dǎo)航到一個特定的URL網(wǎng)頁或者打開一個新的瀏覽器窗口，語法格式“window.open(URL,name,features,replace)”；當(dāng)參數(shù)URL為空時，就會打開一個空白網(wǎng)頁。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

window的open()方法用于導(dǎo)航到一個特定的URL或者打開一個新的瀏覽器窗口。

語法：window.open(URL,name,features,replace)

它接收4個參數(shù)：要加載的URL，窗口名稱，特性字符串和一個布爾值。以下從window.open的參數(shù)設(shè)置和返回值兩部分來介紹

一、參數(shù)設(shè)置

參數(shù)一：要加載的URL（ 可選）

當(dāng)該參數(shù)為空時，打開一個空白網(wǎng)頁；若不為空，則導(dǎo)航到改URL所指的網(wǎng)頁或者打開一個新的瀏覽器窗口顯示該URL所指網(wǎng)頁

參數(shù)二：窗口名稱（可選）

    指被打開窗口的名稱：

            1、該名稱由字母、數(shù)字和下劃線組成

             2、相同的名稱的窗口只能創(chuàng)建一個

             3、名稱中不能含有空格

             4、“_blank”、“_self”、“_top”、“_parent”是具有特殊意義的名稱

                         _blank：在新窗口中顯示目標(biāo)網(wǎng)頁；

                          _self：在當(dāng)前窗口中顯示目標(biāo)網(wǎng)頁；

                          _top：在框架網(wǎng)頁的上部顯示目標(biāo)網(wǎng)頁，如果沒有定義框架，則此項效果與_self相同

                          _parent：在該框架的上層框架（父框架）中顯示目標(biāo)網(wǎng)頁，若沒有定義，則此項效果與_self相同

      如果該參數(shù)指定了一個已經(jīng)存在的窗口，那么 open() 方法就不再創(chuàng)建一個新窗口，而只是返回對指定窗口的引用。

參數(shù)三：特性字符串（可選）

設(shè)置窗口的參數(shù)，各參數(shù)用逗號隔開

      表中所列的部分或全部選項，都可通過逗號分隔的名值對來指定，其中名值對以等號表示，注意，整個特性字符串中不允許出現(xiàn)空格，如下例所示：

 window.open("https://www.baidu.com","_blank","height=400,width=600,top=100,left=100,scrollbars=no");

參數(shù)四：布爾值（布爾值）

       該布爾表示：是否取代瀏覽器歷史記錄中當(dāng)前加載的頁面

上述四個參數(shù)通常只需傳遞第一個參數(shù)，最后一個參數(shù)只在不打開新窗口的情況下使用。

二、window.open的返回值

       window.open()方法返回一個對新窗口的引用，以便我們對新窗口進行更多的控制。如：

    myWin= window.open("https://www.baidu.com","_blank","height=400,width=600,top=100,left=100,scrollbars=no");
    myWin.close();         //調(diào)用close（）函數(shù)關(guān)閉新打開的網(wǎng)頁
    myWin.resizeTo(500,500);    //調(diào)整大小
    myWin.moveTo(300,300);     //移動位置

到此，相信大家對“如何使用javascript open()方法”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！