欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript初級教程(第三課)第1/2頁

 更新時(shí)間:2007年04月05日 00:00:00   作者:  
本課的目的是調(diào)用目標(biāo)名,本例中即窗口名yer_new_window。

    既然我們已經(jīng)簡單的重溫了一下href目標(biāo), 那么該開始學(xué)習(xí)在JavaScript中打開窗口.

    在HTML中打開窗口應(yīng)用極為普遍,但也有一些缺陷;用戶瀏覽器決定窗口看起來是什么樣的,你左右不了其窗口的大小及式樣。幸運(yùn)的是,JavaScript給了你這種控制權(quán)。

    看一看其原由:

    window.open("URL","name","features");

    本語句以你調(diào)用時(shí)采用的第一個(gè)參數(shù)URL來打開一個(gè)窗口。這里是以URL,實(shí)際中可寫成"http://www.jsfan.org/basic" 或其他類似的東西。

    第二個(gè)參數(shù)是窗口的名字。這就象上頁中我們看到的名字,如果你打開窗口時(shí)已有一個(gè)同名窗口打開,那么URL將把open語句送到原先已打開的窗口。

    第三個(gè)參數(shù),features,是一個(gè)窗口所具有的不同特征。這是個(gè)可選參數(shù),我們先做關(guān)于頭兩個(gè)參數(shù)的練習(xí)。

    這里是一些用JavaScript打開窗口的例子。

    試一下點(diǎn)擊如下三個(gè)鏈接看看將發(fā)生什么。注意在三個(gè)鏈接都打開前別先關(guān)閉其中任何一個(gè)。(下面三行文字代碼在轉(zhuǎn)載過程中丟失,鏈接也已經(jīng)失效,故不可點(diǎn)擊,以后我會修正的----jsfan注)

    這是名為 javascript_1的窗口. 

    名為javascript_2的窗口. 

    這里是另一個(gè)將進(jìn)入javascript_1的HTML頁. 

    語句的首行:

    <a href="#" onClick="window.open('javascript_window_1.html','javascript_1');">Here's a window named javascript_1</a>.

    當(dāng)你點(diǎn)擊該鏈接時(shí)一個(gè)名為javascript_1 的窗口打開,其中出現(xiàn)javascript_window_1.html的網(wǎng)頁。由于參數(shù)features是可選的,我們先不理會它。

    注意這里我是用onClick來調(diào)用打開窗口的。你大可不必將window.open()放在onClick中調(diào)用窗口,這很容易辦到。一會你將看到在<script>標(biāo)簽中的windows.open()例子。

    第二個(gè)例子與第一個(gè)幾乎一樣的,它只是以不同的名字打開一個(gè)窗口及調(diào)用到不同的HTML頁中。

    <a href="#" onClick="window.open('javascript_window_2.html','javascript_2');">Here's a window named javascript_2</a>.

    第三個(gè)鏈接將一個(gè)新的HTML 頁放到第一個(gè)窗口中。這是由于你要打開的窗口和第一個(gè)鏈接重名:都叫javascript_1.

    <a href="#" onClick="window.open('javascript_window_3.html','javascript_1');">Here's another HTML page going into javascript_1</a>.

    妙事即將開始。我們加入第三個(gè)參數(shù)features,看看會發(fā)生什么。

    OK 讓我們加入windows features再試試!
window.open()中的第三個(gè)參數(shù)是你想要你的窗口表現(xiàn)的一組特性。如果你不完全確定你的參數(shù),則以用戶瀏覽器的缺省值替代。

    然而,如果你指定了一些特性參數(shù),則窗口將以參數(shù)設(shè)定值規(guī)定的出現(xiàn)。特性參數(shù)是以一組逗號分隔的序列出現(xiàn)的。

    例如,如果你是這么寫的:

    window.open("some_url","window_name","location,menubar");

    你將得到一個(gè)規(guī)定了URL,窗口名及菜單條(文件,編輯條等等)的窗口。注意別在字符串中加入任何空格,這將使得有些瀏覽器出錯(cuò)。

    看一下另一個(gè)例子:

    window.open("some_url","window_name","location,height=100,width=100");

    這將打開一個(gè)高寬各為100像素的窗口。再次請注意別在字符串中加空格。

    這里是一組可以在字符串中引用的特性參數(shù): 

    menubar (菜單條) 
    這是個(gè)在大多數(shù)軟件應(yīng)用中都引用的函數(shù)行。一般包括有文件,編輯及其他一些條目。

    status(狀態(tài)條) 
    這是位于你的窗口下部的信息條。當(dāng)你的鼠標(biāo)移到一個(gè)鏈接上時(shí),鏈接的URL就在這個(gè)狀態(tài)條上出現(xiàn)。你可以將狀態(tài)條上顯示的內(nèi)容搬到一個(gè)滾動(dòng)的marquee 中去。我不打算為你做這個(gè)示例,如果你想知道怎樣做,自己設(shè)法解決! 

    scrollbars (滾動(dòng)條) 
    當(dāng)需要時(shí)允許滾動(dòng)條出現(xiàn)。

    resizable (重調(diào)) 
    當(dāng)重調(diào)參數(shù)被列出,窗口將可被重調(diào)。注意它的拼法,我就經(jīng)常搞錯(cuò)。 

    width (寬度) 
    以像素點(diǎn)表達(dá)的窗口寬。 

    height(高度) 
    以像素點(diǎn)表達(dá)的窗口高。 

    toolbar (工具條) 
    Home button, among others. 
    瀏覽器工具條,包括后退,前進(jìn)鈕,停止鈕,以及HOME鈕等等。 

    location (定位區(qū)) 
    你可以鍵入U(xiǎn)RL 的瀏覽器文本區(qū)。 

    directories (指示區(qū)) 
    如Netscape瀏覽器中所在的"What's new," "What's cool,"等等。 這里是一些不同類型窗口的示例。

    一旦你搞懂了這些例子,你就可以在你的一些窗口中實(shí)現(xiàn)它了。現(xiàn)在開始學(xué)窗口的具體內(nèi)容

相關(guān)文章

  • 原生的強(qiáng)大DOM選擇器querySelector介紹

    原生的強(qiáng)大DOM選擇器querySelector介紹

    這篇文章主要介紹了原生的強(qiáng)大DOM選擇器querySelector一些相關(guān)知識,需要的朋友可以參考下
    2016-12-12
  • js返回當(dāng)前網(wǎng)頁的url

    js返回當(dāng)前網(wǎng)頁的url

    利用下面的腳本方便返回當(dāng)前網(wǎng)頁的url,一般自己可以根據(jù)需要利用
    2008-09-09
  • JavaScript中Math對象方法使用概述

    JavaScript中Math對象方法使用概述

    JavaScript中Math對象方法如向上取整,有小數(shù)就整數(shù)部分加1,四舍五入、向下取整等等,下面為大家詳細(xì)介紹下
    2014-01-01
  • js數(shù)組直接賦值的問題(js數(shù)組的淺拷貝與深拷貝方法)

    js數(shù)組直接賦值的問題(js數(shù)組的淺拷貝與深拷貝方法)

    JS數(shù)組在直接賦值時(shí)屬于數(shù)組的淺拷貝,新數(shù)組保存的是原數(shù)據(jù)的內(nèi)存地址,修改新數(shù)組或原數(shù)組其中一個(gè)數(shù)組,另一個(gè)數(shù)組也會相應(yīng)的變化,數(shù)組的直接賦值屬于數(shù)組的淺拷貝,JS存儲對象都是存內(nèi)存地址
    2022-10-10
  • JWT構(gòu)成及工作原理

    JWT構(gòu)成及工作原理

    這篇文章介紹了JWT構(gòu)成及工作原理,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-01-01
  • 簡單了解JavaScript作用域

    簡單了解JavaScript作用域

    這篇文章主要介紹了JavaScript作用域的相關(guān)資料,文中講解非常細(xì)致,代碼幫助大家更好的理解和學(xué)習(xí),感興趣的朋友可以了解下
    2020-07-07
  • Javascript算符的優(yōu)先級介紹

    Javascript算符的優(yōu)先級介紹

    Javascript算符的優(yōu)先級介紹,需要的朋友可以參考一下
    2013-03-03
  • JavaScript 學(xué)習(xí)歷程和心得分享

    JavaScript 學(xué)習(xí)歷程和心得分享

    在過去,JavaScript只是被用來做一些簡單的網(wǎng)頁效果,比如表單驗(yàn)證、浮動(dòng)廣告等,所以那時(shí)候JavaScript并沒有受到重視。
    2010-12-12
  • 淺談JavaScript面向?qū)ο?-繼承

    淺談JavaScript面向?qū)ο?-繼承

    這篇文章主要介紹了JavaScript面向?qū)ο罄^承,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-03-03
  • JavaScript進(jìn)階教程(第二課續(xù))

    JavaScript進(jìn)階教程(第二課續(xù))

    JavaScript進(jìn)階教程(第二課續(xù))...
    2007-04-04

最新評論