先说需求:点击打印调出d出框->d出框内展示打印内容->点击打印调出浏览器打印->浏览器打印预览为d出框内容
一、先说最终成品
1.首页内容
2.点击打印d出打印内容
3.点击打印调出浏览器打印打印d出框内容
二、过程
核心思路是控制浏览器打印内容盖住body的内容 废话少说 上代码辣
1.首页代码
这是body的内容
打 印
就是简单的调出d框组件没啥可说的
2.d出框组件
这是我们希望打印的内容
取 消
打 印
三、知识点补充
@media print -> 控制打印
* 相当于选择器,代表html所有的元素,包括html标签、body标签
body只是一个标签,如果它的子标签和该属性均具有继承性,才会继承这里所设置的属性
单纯记录 !!!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)