print:function(){
//获取打印的页面内容
let subOutputRankPrint = document.getElementById('print-div');
let newContent = subOutputRankPrint.innerHTML;
let oldContent = document.body.innerHTML;
document.body.innerHTML = newContent;
//页面打印缩放比例设置
document.getElementsByTagName('body')[0].style.zoom=0.92;
//检测是否是IE 如果是ie进行页眉页脚
if(!!window.ActiveXObject || "ActiveXObject" in window){
var hkey_root, hkey_path, hkey_key;
hkey_path = "HKEY_CURRENT_USER\\Software\\Microsoft\\Internet"+
"Explorer\\PageSetup\\";
try {
var RegWsh = new ActiveXObject("WScript.Shell");
RegWsh.RegWrite(hkey_path + "header", "");
RegWsh.RegWrite(hkey_path + "footer", "");
} catch (e) {}
window.print();
window.location.reload();
//将原有页面还原到页面
document.body.innerHTML = oldContent;
return false;
//chrome下进行页眉页脚消除 使用css 样式进行消除
// 测试ie11,chrome,firefox,edge 可消除页眉页脚
@media print{
@page{
margin:0;
//控制是使用a4还是使用其它纸张规格
size:auto;
//打印print:function(){//获取打印的页面内容let subOutputRankPrint = document.getElementById('print-div');let newContent = subOutputRankPrint.innerHTML;let oldContent = document.body.innerHTML;document.body.inner...
今天要做一个
打印
网页的小功能，直接调用
window
.
pr
int
()，但是
打印
出来后，字体总是缩小一号，找不到原因。。。 后来尝试用一个IE的
打印
控件，但仅支持ie有点恶心，只能返回去继续找原因 原来，我要
打印
的
页面
因为是哥弹出层，所以出现这种现象，后来直接target=”_blank”，就可以正常
打印
了。 另外， 代码如下: function
pr
eview() { bd
html
=
window
.document.body[removed]; s
pr
nstr=”<!–start
pr
int
–>”; e
pr
nstr=”<!–end
pr
int
–>”;
pr
n
html
=bd
html
.substrin
前端静态网页, 由UI出带标尺的效果图, 和切图资源, 将其实现成最终的网页呈现给用户.
之所以有这篇博文, 是因为UI设计的效果图原始宽度是 1920px, 其中的标注尺寸也是以这个宽度为基础的.
在网页开发时, 严格按照标注尺寸布置
页面
元素, 最终的网页展现效果在我的 Win10 系统上整体偏大. 我的系统分辨率正是 1920 x 1080, 按说不应该呀.
想到 [显示设置] 里面有一项 [...
在
使用
`
window
.
pr
int
()`
进行
打印
时，可以通过设置 CSS 样式来控制
打印
缩放
比例。以下是一个示例代码，演示如何通过 JavaScript 控制
打印
缩放
比例：
```javascript
function
pr
int
Page() {
// 获取需要
打印
的元素
var
pr
int
Content = document.getElementById("
pr
int
-content");
// 创建一个新的窗口
var
pr
int
Window
=
window
.open('', '', 'width=800,height=600');
// 将需要
打印
的元素复制到新窗口中
pr
int
Window
.document.write(
pr
int
Content.inner
HTML
);
// 设置
打印
缩放
比例为 80%
pr
int
Window
.document.getElementsByTagName('body')[0].style.zoom = '80%';
//
打印
新窗口
pr
int
Window
.
pr
int
();
// 关闭新窗口
pr
int
Window
.close();
在上面的代码中，我们
使用
`
window
.open()` 方法创建了一个新的窗口，然后将需要
打印
的元素复制到新窗口中。接着，我们通过 `
pr
int
Window
.document.getElementsByTagName('body')[0].style.zoom = '80%'` 设置了
打印
缩放
比例为 80%。最后，我们通过 `
pr
int
Window
.
pr
int
()` 命令
打印
新窗口，完成
打印
操作。
需要注意的是，这种方式可能会导致一些元素在
打印
时变得模糊或不可读。为了避免这种情况，可以通过 CSS 的 `@media
pr
int
` 媒体查询来设置
打印
样式并避免
缩放
，具体可以参考我之前回答的问题。
