Lo scopo della funzione window.print di JavaScript ( ) è quello di aprire la finestra di dialogo di stampa del browser e consentire all'utente di stampare facilmente fuori una pagina web. Si esegue esattamente la stessa funzione CTRL + F o File> Stampa , ma è utile per gli sviluppatori web , perché diamo loro comprendono un prompt in una posizione comoda sulla pagina di stampa. La sintassi è facile da imparare e ha spazio per un sacco di personalizzazione . Diamo uno sguardo ai metodi più comuni di utilizzo window.print ( ) .
Istruzioni Utilizzo di un pulsante standard
1
Incollare il codice riportato di seguito nella pagina .
= Valore " bottone" = onclick = " window < input type " Stampa pagina " . print ( ) " >
Quando si salva e ricaricare la pagina un pulsante grigio di serie viene visualizzato con il testo" Stampa pagina "su di esso .
2
Modifica " Stampa pagina "per tutto ciò che si desidera che il pulsante per dire .
3
personalizzare la forma , la dimensione e il colore del pulsante con l'aggiunta di una classe CSS . Inserire questa riga di codice , class = " BTTN " quindi creare una corrispondente classe CSS nel foglio di stile .
Utilizzando testo e immagini
4
Incollare il seguente codice nel tuo pagina :
href="javascript:window.print()"> < /a>
5 < p > Sostituire " image.jpg " con l' URL dell'immagine che si desidera utilizzare come pulsante . Quando un utente fa clic sull'immagine nella finestra di dialogo di stampa si apre.
6
Comprendere la sintassi della URL JavaScript . Invece di avere un URL regolare come href , abbiamo sostituito con javascript: window.print (), che chiama la funzione di stampa. È possibile richiamare altre funzioni JavaScript utilizzando la sintassi simile .
7
Creare un link di testo da incollare la seguente riga di codice. Aggiungere una classe CSS per la personalizzazione in più.
Href="javascript:window.print()"> Stampa questa pagina < /a>