Вопрос по css, javascript, html – Предварительный просмотр JavaScript

13

Как я могу увидеть предварительный просмотр моего счета, сгенерированного с веб-сайта. Если я печатаю со сценарием

<a href="javascript:window.print()">print this page</a>

в печати «распечатать эту страницу» также напечатано. Как я могу это скрыть?

Ваш Ответ

10   ответов
0

которые вы не хотите отображать в печати, используя

display:none

Я написал учебник опечать вашей веб-страницы, Я надеюсь, что это помогает.

Error: User Rate Limit Exceeded
1

How can I see print preview of my invoice generated from website

вопрос. Я просто нуждался в аналогичной функциональности и придумал решение вКак посмотреть печатные СМИ CSS в Firebug?

1

вызвав window.print (). Например:

   <a href="JavaScript:window.print();">Print this page</a>

Если вы хотите дать им некоторое представление о том, как это будет выглядеть напечатано, вы можете использовать скрипт наэта страница дать им псевдо-предварительный просмотр пути страницы с печатью.

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
0

printPage(evt: any) {
    // add this 'noprint' class to elements you want to hide from printing
    let hideElements = document.getElementsByClassName('noprint');  
    let arr = Array.prototype.slice.call(hideElements)
    arr.map(val => {
      val.style.visibility = 'hidden';
    })
    let w = window.open();
    // 'main' is the section I want to print
    w.document.write(document.getElementById('main').innerHTML);  
    w.print();
    w.close();
    arr.map(val => {
      val.style.visibility = 'visible';
    })
}
-1
function printReport( )
{     
    document.getElementById('ImagePrint').style.visibility='hidden';     
    window.print();
    document.getElementById('ImagePrint').style.visibility='visible';        
}

<div>
    <a id="ImagePrint" onclick="return printReport();" style="vertical-align: top">print Info</a>
</div>

Эта функция не будет отображать ваше изображение при печати. Вы можете использовать свой элемент управления, а не изображение с идентификатором элемента управления. надеюсь, ты получишь свое решение

7

печать таблиц стилей иметь общий контроль над тем, как сайт будет выглядеть в печати. Вы можете отобразить сайт для своего пользователя с помощью этой специальной таблицы стилей печати перед печатью. Это не дает вам 100% предварительного просмотра, так как каждый браузер обрабатывает вещи немного по-своему. Вы не увидите, как оно печатается, пока оно не будет напечатано. Использование таблицы стилей печати поможет вам довольно близко.

Некоторые операционные системы и драйверы принтеров предлагают пользователю предварительный просмотр между нажатием кнопки «Печать» и фактической печатью, но это не то, чем вы управляете или которое гарантированно всегда будет доступно.

31

in the print "print this page also printed .

How can I hide it?

Создайте новую таблицу стилей (в этом примере я назвал ее «print.css») и включите ее в HTML-код следующим образом:

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

Обратите вниманиеmedia="print"& # x2014; это означает, что таблица стилей будет использоваться только при печати страницы.

Затем назначьте класс вашему<a> элемент, чтобы мы могли ссылаться на него в CSS:

<a href="javascript:window.print()" class="noPrint">Print this Page</a>

Наконец, в ваш CSS-файл включите следующее правило:

.noPrint {
    display: none;
}

Теперь & quot; Распечатать эту страницу & quot; ссылка не должна появляться в печатной версии вашей страницы.

Стив

Error: User Rate Limit Exceededno-print {display: none;}Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
0

когда вы вызываете метод Browser print (), он печатает страницу как есть. Если вы хотите напечатать другую версию страницы (например, без элемента «Печать этой страницы»), вам нужно будет создать отдельную версию страницы для печати (обычно это делается с использованием отдельной таблицы стилей), в которой нет те элементы, которые вы не хотите на печатной странице.

Error: User Rate Limit Exceeded@mediaError: User Rate Limit Exceededmedia="print"Error: User Rate Limit ExceededPrint this pageError: User Rate Limit Exceededno-printError: User Rate Limit Exceeded.no-printError: User Rate Limit Exceededdisplay:none;Error: User Rate Limit Exceeded
0

<style type="text/css" media="print">
.printlink
{
    display:none;
}
</style>
<a href="javascript:windows.print()" class="printlink">print this page</a>

В качестве альтернативы:

<a href="javascript:windows.print()"
onclick="this.style.display='none';"
class="printlink">
print this page
</a>

Хотя это не появится после отмены печати.

6

тра в браузерах.

К счастью, почти все они держат его в обычном месте (висящим в меню «Файл»), поэтому вам не нужно «привлекать пользователей». внимание к этому.

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded

Похожие вопросы