導航:首頁 > 編程語言 > js列印指定位置

js列印指定位置

發布時間:2023-06-14 03:35:42

javascript怎樣精確定位所要列印的內容

關於js列印問題!網上收集+自己總結 ,需要的朋友可以參考下。

一般列印就用window.print();就OK了
但是一般都是選擇性列印所以會調用方法:

復制代碼 代碼如下:

function preview()
{
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}

問題又來了~
會有頁腳和頁眉~還有橫向和縱向之分~
怎麼辦?
最好就是用到列印預覽~
因為它裡面有設置
這時必須引用IE的一個控制項"WebBrowser"
在頁面里引用:
<object id="WebBrowser" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
</object>
其控制項方法:

復制代碼 代碼如下:

WebBrowser.ExecWB(1,1) 打開
WebBrowser.ExecWB(2,1) 關閉現在所有的IE窗口,並打開一個新窗口
WebBrowser.ExecWB(4,1) 保存網頁
WebBrowser.ExecWB(6,1) 列印
WebBrowser.ExecWB(7,1) 列印預覽
WebBrowser.ExecWB(8,1) 列印頁面設置
WebBrowser.ExecWB(10,1) 查看頁面屬性
WebBrowser.ExecWB(15,1) 好像是撤銷,有待確認
WebBrowser.ExecWB(17,1) 全選
WebBrowser.ExecWB(22,1) 刷新
WebBrowser.ExecWB(45,1) 關閉窗體無提示

示例:
<object id="WebBrowser" width="0" height="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
列印測試
<input type="button" onclick="WebBrowser.ExecWB(7,1)" value="列印預覽">
隨便用個文本文件復制粘貼~改後綴名~
ie運行~點預覽~設置列印~列印~OK
然後再把其考到項目里~比如aspx里
同樣運行,點預覽~
咦~怎麼出現ie安全警告"internet explorer"已阻止此站點用不安全方式使用ActiveX控制項"
這時就要改ie的安全設置了(如果沒裝補丁就沒事~那是你"rp"好,不一定客戶和其他的人的"rp"和你一樣好)
操作:
主菜單"工具"——Internet選項——安全——自定義級別, 將"安全設置"中"對沒有標記為安全的ActiveX"控制項進行初始化和腳本運行由"禁用"改為"啟用"
另一種方法,"工具" "Internet選項" "受信任的站點(可信站點)""站點",然後填入網址即可,如果這個網站不是以https:連接的把下面"對該區域中的所有站點要求伺服器驗證(https:)"前面的勾去掉即可。
(如果是區域網:那就是 "工具" "Internet選項" "本地Internet" "高級")

❷ 用js控制局部列印,

這個是chrome瀏覽器自帶的列印預覽效果,
在別的瀏覽器中是不同的.(我記得ie中就沒有預覽環節)
應該不能控制這個預覽

❸ 如何利用JS控制列印某頁面內某些內容

樓主看這里,把分給我啊。
引用的網路專地址屬:
地址:http://hi..com/vhook/item/63c63e179f347821f6625cd9

❹ 如何通過JS列印WEB頁面上的一個DIV

文本復框內容顯示在指定地制方:就是一個dom內容轉移的操作,使用Jquery獲取原生js都很好實現,配合具體js事件實現。具體操作如下: //假定文本框的id='mytext',指定顯示區域的id='show' //div/span/p等節點,不是文本元素function fun(){ getEle('s...

❺ js將網頁導出成pdf(js 列印指定div內容)2020-09-02

<input type="button"叢困  id="button" value="點擊列印"/>

<div id="div_print">

<滲爛念p>列印此處內容</p>

</div>

<script type="text/javascript">

function printdiv(printpage){

  var newstr=document.getElementById(printpage).innerHTML;

  var oldstr=document.body.innerHTML;

  document.body.innerHTML=newstr;

  window.print();

  document.body.innerHTML=oldstr;

  return false;

}

window.onload=function(){

  var bt=document.getElementById("button");

  bt.onclick=function(){printdiv('div_print');}

}

</script>

html, body{

 overflow:visible;  

}

列印歷弊時另存為pdf模式列印後的內容可復制 默認為Microsoft Print to PDF 模式

❻ js列印指定的url文件 或者有什麼方法在客戶端列印伺服器端的pdf文件

如果你希望直接列印,這辦法基本不可行了。

不過你可以過渡一下,這樣的話,有兩種不同的方法:

1. 你的鏈接可以直接鏈接到PDF文件,URL可以寫成類似:「http://www.xx.com/mypdf.pdf」,這樣辦的話,如果用戶安裝了PDF的瀏覽器支持,打開後用戶的瀏覽器可以直接在瀏覽器中運行adobe reader。然後由用戶選擇是否列印。

2. 如果你感覺上面的方法不合理,你也可以學習網路文庫的做法,使用flash製作一個PDF閱讀器,這樣,你可以在flash上面加上列印按鈕,這樣的方法與上面大同小異,卻不用考慮用戶是否已經安裝了adobe reader。

以上是兩種不同的實現方案,第一種很簡單,但對於沒有安裝adobe reader的用戶,會相當影響用戶體驗。可是第二種,實現的技術卻很高,需要很強的actionsctript的開發能力,我也無能為力,至少現在是這個樣子的。

直接使用js打開一個PDF文件,我覺得無法實現。

❼ 使用Javascript怎樣自動列印頁面

1、js實現(可實現局部列印)
[html] view plain
<input id="btnPrint" type="button" value="列印" onclick="javascript:window.print();" />
<input id="btnPrint" type="button" value="列印預覽" onclick=preview(1) />
<style type="text/css" media=print>
.noprint{display : none }
</style>
<p class="noprint">不需要列印的地方</p>
<script>
function preview(oper)
{
if (oper < 10)
{
bdhtml=window.document.body.innerHTML;//獲取當前頁的html代碼
sprnstr="<!--startprint"+oper+"-->";//設置列印開始區域
eprnstr="<!--endprint"+oper+"-->";//設置列印結束區域
prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //從開始代碼向後取html
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//從結束代碼向前取html
window.document.body.innerHTML=prnhtml;
window.print();
window.document.body.innerHTML=bdhtml;
} else {
window.print();
}
}
</script>
<p>XXXXX</p>
<!--startprint1-->要列印的內容<!--endprint1-->
再加個列印按紐 onclick=preview(1)
2、調用windows底層列印,報安全警告,不建議使用(不支持局部列印)
[html] view plain
<HTML>
<HEAD>
<TITLE>javascript列印-列印頁面設置-列印預覽代碼</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312" />
<SCRIPT language=javascript>
function printsetup(){
// 列印頁面設置
wb.execwb(8,1);
}
function printpreview(){
// 列印頁面預覽
wb.execwb(7,1);
}
function printit()
{
if (confirm('確定列印嗎?')) {
wb.execwb(6,6);
}
}
</SCRIPT>
</HEAD>
<BODY>
<DIV align=center>
<OBJECT id=wb height=0 width=0
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT>
<INPUT onclick=javascript:printit() type=button value=列印 name=button_print />
<INPUT onclick=javascript:printsetup(); type=button value=列印頁面設置 name=button_setup />
<INPUT onclick=javascript:printpreview(); type=button value=列印預覽 name=button_show />
一按開始的減肥了卡時間段
</DIV>
</BODY>
</HTML>
3、jQuery實現(支持局部列印)
[html] view plain
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.PrintArea.js"></script>
<script>
$(document).ready(function(){
$("input#biuuu_button").click(function(){
$("div#myPrintArea").printArea();
});
});
</script>
<input id="biuuu_button" type="button" value="列印"></input>
<div id="myPrintArea">.....文本列印部分.....</div>

❽ js 列印設置

ps:去除頁眉頁腳後列印顯示不全處理
在列印內容處設置padding 單位mm (此處不能設置margin會有多列印一頁空白bug)

js列印設置列印方向、去除頁眉頁腳

去除頁眉頁腳橫向列印

去除頁眉頁腳縱向列印

閱讀全文

與js列印指定位置相關的資料

熱點內容
文件夾密碼怎麼修改密碼 瀏覽:271
蘋果數據中心用什麼伺服器 瀏覽:769
省內圓通快遞寄文件夾需要多少錢 瀏覽:740
iphone程序加密 瀏覽:884
win10文件夾調整文件行高 瀏覽:681
創意手繪教程 瀏覽:754
微信刪除帳號信息 瀏覽:596
mysql操作類文件 瀏覽:649
繞過xp密碼 瀏覽:158
大眾速騰專用app有哪些 瀏覽:455
arpa首先將計算機網路劃分為 瀏覽:617
蘋果系統開機音樂 瀏覽:875
windows8顯示隱藏文件 瀏覽:603
ipad2可以升級到92嗎 瀏覽:857
如何打開ps保存的文件 瀏覽:744
幼兒編程教育有哪些 瀏覽:453
汽車發外地用什麼app 瀏覽:810
網路如何贊美女人漂亮 瀏覽:143
如何把桌面文件放到excel裡面 瀏覽:363
照片文件名是怎麼查的 瀏覽:876

友情鏈接