2019年4月17日 星期三

(16)window物件 下篇

列印瀏覽器視窗內網頁內容
  當你在瀏覽個網站,發現某網站中的網頁文件對你非常有用,你想將它列印出來,這時你可能會使用瀏覽器的『列印功能』將網頁畫面內容列印出來。甚至,現在許多網站的網頁中,本身就安排了一個『列印』按鈕或超鏈結讓您直接點選來列印網頁畫面內容,當你按下『列印』按鈕或點選『列印』鏈結時,其實是呼叫了JavaScript的print()方法:
print()方法標準格式
  1. window.print()
列印瀏覽器視窗內網頁畫面內容,這裡並不是說可以直接將網頁畫面輸出至印表機做列印的動作,而是呼叫『列印』對話視窗出來讓你選擇印表機以及設定相關的列印設定,當你按下『列印』對話視窗中的『列印』按鈕後才會真正地進行列印動作。

喔喔!我知道了,因為這個瀏覽視窗並不是由JavaScript所建立開啟出來的,因此在我們使用print()方法想要把這個瀏覽視窗的畫面內容列印出來就會出現『列印』對話視窗,呵!不對!不管要列印資料的瀏覽視窗是不是由JavaScript所建立出來的,要列印瀏覽器視窗內網頁畫面內容,就是會出現『列印』對話視窗,很抱歉呦!

2019年4月10日 星期三

(15)window物件 中篇

遠端遙控
遙控視窗就如同電視機的遙控器一般,點選遙控視窗(電視遙控器按鈕)中的項目就可以控制主頁面視窗的內容(電視機頻道畫面),要建立遠端操控的主從式架構,必須建立兩個視窗:主頁面視窗與遠端遙控視窗。

遠端遙控視窗是由主頁面視窗所建立,也就是說主頁面視窗是「父親」,而遠端遙控視窗則是「兒子」,遠端遙控視窗的建立有兩種時機,一種是在主頁面視窗產生時同時建立,另一種則是當瀏覽者在主頁面視窗點選鏈結時才建立,但是,使用遙控式主從層式架構是在主頁面視窗產生時立即提供遠端遙控視窗, 而不須等待瀏覽者自己點選鏈結才建立,否則就失去使用主從式架構的意義了。
  1. <script language="JavaScript">
  2. //建立遙控視窗的函式
  3. function openchoose()
  4. {
  5. newwindw=window.open("5-8-1.htm","","width=100,height=150")
  6. }
  7. </script>
在上列的函式敘述中代表openchoose()函式被呼叫時,將開啟一個寬100個像素、高150個像素,但是沒有工具列、網址欄位或是狀態列的新瀏覽器視窗,這個新視窗也不能調整大小。

2019年4月1日 星期一

(14)window物件 上篇

當你要改變目前的瀏覽位置(非點選網頁中的超鏈結)你會怎麼辦?,你可能會直接在瀏覽器的「網址」欄位直接書寫新網址對吧!那如果要以JavaScript程式來改變瀏覽的位置該如何處理?在JavaScript裡有一個window物件,舉凡與瀏覽器視窗相關的控制都可由window物件的屬性或方法來處理,甚至在有多個瀏覽器視窗的狀況下,還能讓視窗間產生互動的關係!

改變瀏覽位置
在網路上你可能常常遇到寫著:「我們已經搬家啦!三秒後帶你前往新家」這段話的網頁!這時,你什麼事都不用做,當三秒鐘過後,新的網頁內容就會自動出現在眼前,同時,你可以發現瀏覽器「網址」欄位的內容變了,你已經連結到另一份網頁文件去了!這種在同一瀏覽視窗中卻會自動改變瀏覽網址而載入新網頁內容是如何辦到的?

JavaScript中的window物件有一個屬性『location(位置)』,它可以改變你目前的瀏覽網址,然後自動載入新的網頁至目前動作中的瀏覽器視窗裡,請注意:是在同一個瀏覽器視窗中喔!其撰寫格式如下:
Location屬性使用
  1. Window.location = “URL”
『URL』就是所謂的網址,它可以是完整的對外連結也可以是簡易的對內連結