列印瀏覽器視窗內網頁內容
當你在瀏覽個網站,發現某網站中的網頁文件對你非常有用,你想將它列印出來,這時你可能會使用瀏覽器的『列印功能』將網頁畫面內容列印出來。甚至,現在許多網站的網頁中,本身就安排了一個『列印』按鈕或超鏈結讓您直接點選來列印網頁畫面內容,當你按下『列印』按鈕或點選『列印』鏈結時,其實是呼叫了JavaScript的print()方法:
print()方法標準格式
列印瀏覽器視窗內網頁畫面內容,這裡並不是說可以直接將網頁畫面輸出至印表機做列印的動作,而是呼叫『列印』對話視窗出來讓你選擇印表機以及設定相關的列印設定,當你按下『列印』對話視窗中的『列印』按鈕後才會真正地進行列印動作。
喔喔!我知道了,因為這個瀏覽視窗並不是由JavaScript所建立開啟出來的,因此在我們使用print()方法想要把這個瀏覽視窗的畫面內容列印出來就會出現『列印』對話視窗,呵!不對!不管要列印資料的瀏覽視窗是不是由JavaScript所建立出來的,要列印瀏覽器視窗內網頁畫面內容,就是會出現『列印』對話視窗,很抱歉呦!
實做學習
使用Javascript的print()方法在網頁中建立列印視窗中網頁畫面內容的超鏈結:
上一頁與下一頁
當我們利用瀏覽器上網穿梭於各式各樣的網頁時,我們曾經瀏覽的網頁網址將會被瀏覽器記錄下來,這些瀏覽的記錄稱之為:『瀏覽歷史』,而這些瀏覽歷史將可以在瀏覽器工具列按鈕中發現。瀏覽記錄的顯示為我們曾經瀏覽過的網頁標題(HTML標籤中<TITLE>與</TITLE>中所包括起來的文字),萬一網頁中沒有指定網頁標題(網頁中沒有使用<TITLE>標籤),則出現的將是網頁的連結位址。
瀏覽歷史的作用乃是方便我們快速前往曾經瀏覽過的網址,當我們按了『上一頁』工具按鈕,我們將會回到上一層的瀏覽歷史記錄去,反之,按了『下一頁』工具按鈕,我們將會回到下一層的瀏覽歷史記錄。
history.back()與history.forward()
history(瀏覽歷史)是window物件的子物件,如果我們要利用JavaScript來達到與瀏覽器『上一頁』工具按鈕相同的功能,則可使用history物件的back()方法。
back()方法標準格式
而history物件的forward()方法,其功能則與瀏覽器『下一頁』工具按鈕相同的功能
Forward()方法標準格式
實例學習:
使用JavaScript虛擬協定建立「上一頁」與「下一頁」的超鏈結。
history.go()方法
使用JavaScript來設計「上一頁」與「下一頁」的瀏覽器功能,除了可使用history.back()方法與history.forward()方法來分別設計外,還可利用單一的history.go()方法來達到這兩個功能:
go()方法標準格式
Number參數是一個帶有正負號的數字,「+」號代表前往(下一頁),「-」號代表返回(上一頁),而數字則代表歷史記錄的位置,例如:
提示!!
如果我們沒有在history.go()方法中填入任何參數,則代表將目前瀏覽視窗中的網頁文件再重新載入一次!
實例學習:
使用history.go()方法建立「上一頁」與「下一頁」的超鏈結。
訂閱:
張貼留言 (Atom)
-
版權宣告 【數位書香網站】之所有著作、視聽內容及資料以及網站畫面資料之安排,其著作權、專利權、商標、營業秘密及其他智慧財產權,均為【昱得資訊工作室】之合法權利人所有,除事先經【昱得資訊工作室】或其權利人之合法授權,任何人皆不得擅...
-
網頁物件:document,document物件我們之前已經用過了喔!還記得我們要將資料輸出到網頁上時,使用了write()方法,這個write()方法就是屬於document物件的! 其實,document物件是指:顯示於瀏覽器視窗中的網頁文件,舉凡與網頁相關的設定項目,都是...
-
[陣列] 什麼叫陣列(Array)?陣列就是一個集合變數, 陣列就如變數一般, 可用來儲存資料, 一般的變數只能存放一筆資料, 而陣列則可以存放多筆資料, 簡言之, 陣列就一群資料型態相同的變數集合。 陣列是一群變數的集合, 不妨將陣列想像成一間旅館, 旅館內會有很多房...
-
[驗證Email格式] 希望使用者留下聯絡的電子信箱, 卻擔心使用者填寫了錯誤格式的郵件地址, 別擔心, 「Spry驗證文字欄位」也具由電子信箱、身分證字號…等具有特定格式的資料驗證功能。 1. 點選「信箱」文字欄位, 然後按下工具列【Spry】頁籤中的「Spry驗證文...
-
【數位書香網站】之所有著作、視聽內容及資料以及網站畫面資料之安排,其著作權、專利權、商標、營業秘密及其他智慧財產權,均為【昱得資訊工作室】之合法權利人所有,除事先經【昱得資訊工作室】或其權利人之合法授權,任何人皆不得擅自以任何形式複製、改作、編輯、散布、傳輸或其他目的加以使用,否...
-
算數運算 在我們JavaScript中的算數運算可分為下列5種。 運算元 說明 + 加法,例如document.write(2+3),網頁輸出答案5 - 減法,例如:document.write(3-2),網頁輸出答案1 * ...
-
若要這麼做 請按 從頭開始簡報 F5 從目前的投影片開始簡報 Shift+F5 顯示 簡報者檢視畫面 Alt+F5 或 Alt+S,B 在簡報中,以查看快速鍵的清單,請按下 F1。使用方向鍵在 說明投影片放映 對話方...
沒有留言:
張貼留言