Как распечатать код печати html_html
Всем привет, мы снова встретились, я ваш друг Цюаньчжаньцзюнь.
Используйте технологию JS для печати таблиц HTML.
Обычно при просмотре веб-страниц всегда будет какой-то контент, не имеющий ничего общего с содержимым. При печати всегда будет неудобно распечатывать всю веб-страницу. . . Поэтому необходимо слегка настроить страницу печати на веб-странице, которую необходимо распечатать. . .
Сначала добавьте в заголовок следующий js-код:
———————————————
<scriptlanguage=”javascript”> function preview(oper) { if (oper < 10){ bdhtml=window.document.body.innerHTML;/ /Получить html-код текущей страницы sprnstr=”<!–startprint”+oper+”–>”;/ /Установить область начала печати eprnstr=”<!–endprint”+oper+”–>”;/ /Установить область окончания печати prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); / /Получить HTML из начального кода задом наперед prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));/ /Получить HTML вперед из конечного кода window.document.body.innerHTML=prnhtml; window.print(); window.document.body.innerHTML=bdhtml; } else { window.print(); } } </script>
———————————————
Затем в коде, который нужно распечатать,использовать<!–startprint1–>и<!–endprint1–>окруженный,следующее:
———————————————
<!–startprint1–>
<!–Начать печать контента–> <div id=sty> …
</div> <!–Конец печати содержимого–> <!–endprint1–>
———————————————
Наконец добавьте кнопку печати
<input type=buttonname=’button_export’ title=’Распечатать 1’ οnclick=preview(1) value=Распечатать1>
———————————————
Кроме того, на HTML-странице можно задать несколько областей печати, и все, что нужно изменить, — это всего лишь несколько цифр. нравиться:
在选择第二个区域里面时использовать<!–startprint2–><!–endprint2–>окруженный,Кнопка естественно поменялась на соответствующий предпросмотр(1). На этом печать второй области завершена.
Еще одна вещь,Это вопрос таблиц стилей CSS.,Эффект печати печатается без фона.,Обратите внимание на настройки。<style media=”print”>、<linkmedia=”print”>的использовать法合理应использовать,media="print" не отображается на веб-странице,Может существовать только в печатном виде.,Вы можете настроить эффект печати, отличный от того, что отображается на веб-странице.
Общий код:
<!DOCTYPE html>
<html>
<head>
<metahttp-equiv=”Content-Type”content=”text/html;charset=utf-8″ />
<title></title>
<metacharset=”utf-8″/>
<scriptlanguage=”javascript”>
functionpreview(oper) {
if(oper < 10) {
bdhtml =window.document.body.innerHTML;//Получить html-код текущей страницы
sprnstr = “<!–startprint” + oper + “–>”;//Установить область начала печати
eprnstr = “<!–endprint” + oper + “–>”;//Установить область окончания печати
prnhtml =bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //Получить HTML из начального кода задом наперед
prnhtml = prnhtml.substring(0,prnhtml.indexOf(eprnstr));//Получить HTML вперед из конечного кода
window.document.body.innerHTML= prnhtml;
window.print();
window.document.body.innerHTML =bdhtml;
} else{
window.print();
}
}
</script>
</head>
<body>
<!–startprint1–>
fffffffffffffffffffffff
<!–endprint1–>
<inputtype=buttonname=’button_export’title=’Распечатать 1’ onclick=preview(1)value=Распечатать1>
</body>
</html>
Издатель: Лидер стека программистов полного стека, укажите источник для перепечатки: https://javaforall.cn/169661.html Исходная ссылка: https://javaforall.cn
Неразрушающее увеличение изображений одним щелчком мыши, чтобы сделать их более четкими артефактами искусственного интеллекта, включая руководства по установке и использованию.
Копикодер: этот инструмент отлично работает с Cursor, Bolt и V0! Предоставьте более качественные подсказки для разработки интерфейса (создание навигационного веб-сайта с использованием искусственного интеллекта).
Новый бесплатный RooCline превосходит Cline v3.1? ! Быстрее, умнее и лучше вилка Cline! (Независимое программирование AI, порог 0)
Разработав более 10 проектов с помощью Cursor, я собрал 10 примеров и 60 подсказок.
Я потратил 72 часа на изучение курсорных агентов, и вот неоспоримые факты, которыми я должен поделиться!
Идеальная интеграция Cursor и DeepSeek API
DeepSeek V3 снижает затраты на обучение больших моделей
Артефакт, увеличивающий количество очков: на основе улучшения характеристик препятствия малым целям Yolov8 (SEAM, MultiSEAM).
DeepSeek V3 раскручивался уже три дня. Сегодня я попробовал самопровозглашенную модель «ChatGPT».
Open Devin — инженер-программист искусственного интеллекта с открытым исходным кодом, который меньше программирует и больше создает.
Эксклюзивное оригинальное улучшение YOLOv8: собственная разработка SPPF | SPPF сочетается с воспринимаемой большой сверткой ядра UniRepLK, а свертка с большим ядром + без расширения улучшает восприимчивое поле
Популярное и подробное объяснение DeepSeek-V3: от его появления до преимуществ и сравнения с GPT-4o.
9 основных словесных инструкций по доработке академических работ с помощью ChatGPT, эффективных и практичных, которые стоит собрать
Вызовите deepseek в vscode для реализации программирования с помощью искусственного интеллекта.
Познакомьтесь с принципами сверточных нейронных сетей (CNN) в одной статье (суперподробно)
50,3 тыс. звезд! Immich: автономное решение для резервного копирования фотографий и видео, которое экономит деньги и избавляет от беспокойства.
Cloud Native｜Практика: установка Dashbaord для K8s, графика неплохая
Краткий обзор статьи — использование синтетических данных при обучении больших моделей и оптимизации производительности
MiniPerplx: новая поисковая система искусственного интеллекта с открытым исходным кодом, спонсируемая xAI и Vercel.
Конструкция сервиса Synology Drive сочетает проникновение в интрасеть и синхронизацию папок заметок Obsidian в облаке.
Центр конфигурации————Накос
Начинаем с нуля при разработке в облаке Copilot: начать разработку с минимальным использованием кода стало проще
[Серия Docker] Docker создает мультиплатформенные образы: практика архитектуры Arm64
Обновление новых возможностей coze | Я использовал coze для создания апплета помощника по исправлению домашних заданий по математике
Советы по развертыванию Nginx: практическое создание статических веб-сайтов на облачных серверах
Feiniu fnos использует Docker для развертывания личного блокнота Notepad
Сверточная нейронная сеть VGG реализует классификацию изображений Cifar10 — практический опыт Pytorch
Начало работы с EdgeonePages — новым недорогим решением для хостинга веб-сайтов
[Зона легкого облачного игрового сервера] Управление игровыми архивами
