javascript 打印 设置尺寸

 时间:2024-10-13 03:30:10

1、通常采用的是iframe打印方法,不管是实现局部,或者是实现整个页面的打印。当然,你的打印内容如果只是单纯页面上的内容,不需要通过数据交互获取数据之后再打印的除外。那我们先来将最简单的,就是你页面的单纯打印,这里分为整体打印和局部打印。整体打印-------直接调用方法就可以了局部打印-------打印的时候,把需要打印的内容替换成整个body内容(用户会在打印的时候看到变化,用户体验不太好)

2、我们在printIframe.html中获取到数据(上面html中的pdata是假数据,跟真数据差不多),之前是直接拿到数据之后,在页面中按照绝对定位的px值进行定位,但是打印页面出来的想过不是预期的那样,我们想要的是上图红色框包含的样式。网页打印预览出来之后信息都出现在了左上角,并没有跟红色框所展现的那样进行布局。

3、这是因为,我们最初这是红色框的宽和高都是固定的为261px和176px,而打印网页是按照浏览器的window1大小的100%显示的,所以这里我们的打印页面的宽和高都是window的100%大小,所以我们这里的定位就不能直接用px只来定位了,应该用百分比来定位,之后这样才能让相应字段显示在相应位置。这里的一个核心思想就是,打印的布局样式要以打印窗口宽高的100%为基准来进行布局,通过计算出对应元素在页面中的百分比位置或者大小,才能够实现和局部样式一样的效果.

  • PLSQL Developer怎么排序设置为数据库
  • 如何使用SQL Developer为表新建唯一约束条件
  • 如何使用DBeaver修改数据库表触发器语句
  • 怎么在FireFox浏览器设置访问网站仅 HTTPS 模式
  • macbook 触发角设置电脑睡眠
  • 热门搜索
    银行卡怎么注销 蚕蛹怎么做好吃 用户账户控制怎么取消 怎么确定自己是否抑郁了 被油烫伤怎么处理 下横线怎么打 炸虾的做法大全 手机服务密码怎么查 长智齿牙龈肿痛怎么办 芦怎么组词