Altering window.print() Функциональность Javascript

Question

Этот вопрос в основном из академических интересов (отчасти потому, что раньше я сталкивался с такой проблемой и просто нашел обходное решение, но я хочу знать, как это сделать).

Как функция JavaScript window.print() определяет, какие части страницы печатаются? Моя конечная цель состоит в том, чтобы добавить новые поля в диалоговое окно «print», которое отсутствует на исходной странице, а также предотвратить публикацию некоторого содержимого на моей странице (например, запретить некоторые текстовые ссылки на моей веб-странице печататься на бумага).

Могу ли я отредактировать функцию в соответствии с моими требованиями? Где находятся файлы JS?

Answer 1

Да, добавить класс к элементам, которые вы делаете не хотите напечатать, и в вашем теге стиля используйте media="print"

затем отрегулируйте соответственно, и у вас будет то, что вы хотите.

<style type="text/css" media="print"> 
    .elementYoudontWanttoPrint { 
     display:none; 
    } 
</style> 

Answer 2

Вам нужно добавить файл css со средствами, указанными как печать. В этом файле CSS вы можете написать разные классы, в которых вы можете легко установить видимость элементов с помощью атрибутов css.

http://www.w3schools.com/css/css_mediatypes.asp http://www.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/

Answer 3

window.print() функция печатает всю страницу. Используя запросы css media, вы можете управлять тем, что вы хотите распечатать/не печатать для устройств печати.

Узнайте больше здесь - http://www.joshuawinn.com/css-print-media-query/

HTML код:

<a class="text_link">Link text not to be printed.</a> 

CSS код:

@media print { 
.text_link{display:none} // this will hide the text link and hence will not be printed. 
}