jQuery-js 打印 页面局部信息

UI设计界面 UI设计界面 主题:1059 回复:2190

jQuery-js 打印 页面局部信息

甜柠檬 发布于 2016-12-16 字数 105 浏览 1258 回复 2

如何使用js 打印 页面上的局部内容,需要包含已设定的样式,并且兼容各个浏览器~最好可以有Jquery的版本~

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

支持 Markdown 语法,需要帮助?

评论(2

灵芸 2017-05-28 2 楼

思路上面有了。 我这边贴上代码

function print(divName)
{
document.getElementById(divName).style.visibility="visible";
document.getElementById("idCon").style.visibility="hidden";
if("imgDiv" == d){
document.getElementById("imgCon" ).style.width =750;
}
//跳转到打印预览
document.all.WebBrowser.ExecWB(6,6);
//重新将所有的内容全部显示
if("imgDiv" == d){
document.getElementById("imgCon" ).style.width =800;
}
document.getElementById(d).style.visibility="visible";
document.getElementById("idCon").style.visibility="visible";
}

泛泛之交 2016-12-24 1 楼

代码就不写了,说下思路吧,想到的有2个:
1.把需要打印部分套在一个div里,然后页面加上打印按钮,点击打印的时候,将这个div里的内容放到一个新的页面中去,在这个新页面加载完毕后打印输出,然后关闭;
2.点击“打印”的时候,其它不需要的元素隐藏掉