如何设置打印到横向的javascript函数?

时间:2014-06-28 08:39:26

标签: javascript jquery ios printing

我试图通过javascript将打印方向设置为横向。我只是使用window.print()函数来打印页面的内容。 这是代码:

<a href="" onClick="window.print();return false">
<img src="images/print.png"></a>

有了这个,我就能打印一个样本页面了。但只有它是纵向格式。客户要求它在景观中。所以我尝试了很多我发现的代码。这是你最熟悉的那个。

<script type="text/javascript">
$("#printLandscape").on('click',function () {
$('head').append('<link href="printLandscape.css" title="printLandscape" rel="stylesheet" />');
});
</script>

因为它不是用于调用打印功能的按钮而是带有href的图像类型,所以我尝试用以下内容更改前一个:

<a href="" onClick="window.print();return false" id="printLandscape">
<img src="images/print.png"></a>

请参阅id =&#34; printLandscape&#34;,我试过这个,以便能够调用上面声明的javascript函数,并使页面打印成我想要的格式,即landscape。但是当我试图打印时,看看它是否正常工作。打印的页面仍然具有默认/正式或纵向类型。

有什么遗失的吗?或者我没有正确声明javascript,尤其是href上的id,因为它不能正常工作?

S.O.S

1 个答案:

答案 0 :(得分:3)

我认为您应该在CSS中创建页面属性:

@media print{@page {size: landscape}}

支持留给浏览器,似乎并非所有浏览器都支持。