Как использовать Javascript для всплывающего окна в новом окне с NEARLY тем же html, что и его родительское окно

Question

Я хочу создать несколько версий страниц с поддержкой печати с одной страницы. Я собираюсь сделать это следующим образом: поместив несколько кнопок на исходную страницу и нажав одну кнопку, вы увидите новое окно с тем же html, что и его родительское окно, но с некоторыми изменениями (например, установите атрибут отображения некоторых DIV на никто).

Можно использовать javascript для этого?

Answer 1

Вы могли бы передать дополнительный параметр URL текущей страницы и откройте его в новом окне, как это:

window.open(document.location.href + "?print=true"); 

Вы можете прочитать параметр URL в JavaScript и сделать необходимую укрывистость и CSS изменения чтобы документ выглядел дружелюбным.

Говоря об этом: почему бы не использовать только CSS для печати, который сделает это за вас? Затем все, что вам нужно сделать в вашем коде:

window.print();

И в вашем документе РУКОВОДИТЕЛЯ:

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

И CSS будет убедиться, что страница выглядит так, как вы хотите, чтобы в печати. См. this article для получения дополнительной информации о печати в CSS.

Answer 2

Да, можно настроить Javascript код для этого, что-то вроде:

window.open('myPage.html') 

getElementById('<someid>').style.display = none 

Однако, вы можете посмотреть в CSS печати стилей, которые позволяют использовать CSS, чтобы указать Div hidings и этажерку , Это имеет то преимущество, что вы не вынуждаете пользователя открывать всплывающее окно и не снимать второе поражение страницы на вашем сервере. Я нашел this article, чтобы быть хорошим местом для начала работы.

В основном, чтобы добавить таблицу стилей для печати вам настроить ссылку так:

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