如何使用JavaScript直接觸發開啟瀏覽器列印視窗print()

6 月 20, 2019 | Javascript, | 0 comments

在網頁開發中,有時我們需要讓使用者能夠直接列印當前頁面的文本資料。使用print()函數可以輕鬆實現這一目的,並且能夠直接由瀏覽器內建的列印對話視窗開啟列印功能。

在HTML中,我們可以使用以下程式碼來建立一個按鈕,並綁定點擊事件:

<input name="print" onclick="varitext()" type="button" value="列印此頁"></input>

接著,在Javascript中,我們需要定義varitext()函數,並在其中使用print()函數來帶入需要列印的文本資料:

function varitext(){
  var text = document
  print(text)
}

透過以上的HTML和Javascript程式碼,我們可以為網頁添加一個列印按鈕,並且通過print()函數來觸發列印功能。這樣一來,使用者就可以方便地將網頁上的文本資料列印出來,提高了使用者的使用體驗。

希望這個小技巧能對你在網頁開發中添加列印功能有所幫助!

Demo