首頁 > web前端 > js教程 > 如何使用JavaScript實作頁面列印

如何使用JavaScript實作頁面列印

不言
發布: 2019-01-15 09:02:47
原創
3018 人瀏覽過

在如何使用如何使用如何使用JavaScript實作頁面列印實作頁面列印實作頁面列印中實作頁面列印我們用到的方法是print,使用print方法可以開啟列印的頁面,從那裡就可以列印,本篇文章我們就來具體看看使用如何使用如何使用如何使用JavaScript實作頁面列印實作頁面列印實作頁面列印中的print方法實現列印的內容。

如何使用如何使用如何使用JavaScript實作頁面列印實作頁面列印實作頁面列印

如果print方法用於按鈕或鏈接,也可以建立列印按鈕或列印連結。

下面我們來看具體的內容

如何使用print方法實作列印?

我們來看看以下程式碼。

window.print();
登入後複製

僅此一行程式碼就可以連接列印頁面,然後就可以直接列印,是否非常簡單,接下來我們就來看看將print方法用於按鈕或連結來列印。

列印按鈕的設定方法

要設定列印按鈕,請在按鈕的onclick事件中指定print方法。

我們來看看下面的程式碼。

<input type="button" value="打印" onclick="window.print();" />
登入後複製

執行結果如下:點選「列印按鈕」就可以列印了。

如何使用如何使用如何使用JavaScript實作頁面列印實作頁面列印實作頁面列印

透過以上這種方式,就能夠設定列印按鈕。

列印連結的設定方法

如果設定了列印鏈接,則可以按一下該連結以開啟列印畫面。

我們來看看下面的程式碼。

<a href="#" onclick="window.print(); return false;">打印</a>
登入後複製

執行結果如下:

如何使用如何使用如何使用JavaScript實作頁面列印實作頁面列印實作頁面列印

以上就是列印連結的設定。

以上是如何使用JavaScript實作頁面列印的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板