導航:首頁 > 編程語言 > js把html輸出pdf文件內容嗎

js把html輸出pdf文件內容嗎

發布時間:2021-11-05 00:16:00

『壹』 怎麼利用javascript和html輸出文本

你說的不是<img title='提示信息吧' src=...>吧,下面的代碼是我剛才寫的例子,你參考就可以做:

<div id=img_note></div>
<img src=SH101721.JPG height=400 onMouseOver="img_note.innerHTML='說明文字';" onMouseOut="img_note.innerHTML='';">

DIV可以放在任意地方,也可以是SPAN。

補充:
你的代碼基本上正確,只是有一點小毛病,就是滑鼠移開以後提示不消失,因為你後面的img_note1你丟失了數字,修改如下:

<tr>
<td height="20" width="51"><div id=img_note1></div></td>

<td height="20" width="51"><div id=img_note2></div></td>

<td height="20" width="51"><div id=img_note3></div></td>
</tr>
<tr>
<td><a href=""><img src="index.do_files/game_12.gif" height="55" width="51" onMouseOver="img_note1.innerHTML='說明文字';" onMouseOut="img_note1.innerHTML='';"></a></td>

<td><a href=""><img src="index.do_files/game_3.gif" height="55" width="51" onMouseOver="img_note2.innerHTML='說明文字';" onMouseOut="img_note2.innerHTML='';"></a></td>

<td><a href=""><img src="index.do_files/game_11.gif" height="55" width="51" onMouseOver="img_note3.innerHTML='說明文字';" onMouseOut="img_note3.innerHTML='';"></a></td>
</tr>

『貳』 如何將 HTML 頁面的一部分轉成 PDF

1、用瀏覽器轉換

這個方法是最簡單、高效的,安裝了360瀏覽器或者火狐及Chrome谷歌瀏覽器就可以輕松實現。以360瀏覽器為例,在瀏覽器的右上角點擊「文件」按鈕,如下圖:

『叄』 jsPDF 將html代碼中的table導出為pdf文件怎麼弄

jsPDF 將html代碼中的table導出為pdf文件怎麼弄
有如下方法:
1、如果你電腦上安裝了office2007/2010,其中的word或EXCEL可以專直接保存為PDF格式。屬
2、如果你電腦上安裝安裝的是office2003,可以下載安裝adobe acrobat,acrobat可以在載入生成PDF的插件。
3、利用任意一款PDF列印機(如pdffactory pro),然後將word文件「列印」成PDF文件。

『肆』 如何解析html,把內容保存到pdf文件格式中,急!!!

在瀏覽器的文件菜單--列印,然後選擇Adobe
PDF,就能保存為pdf了。如果是想把html加入現有pdf文檔,需要用adobe
illustrator軟體

『伍』 JS實現的將html轉為pdf功能【基於瀏覽器端插件jsPDF】

本文實例講述了JS實現的將html轉為pdf功能。分享給大家供大家參考,具體如下:
<!DOCTYPE
html>
<html>
<head>
<title>jsPDF插件</title>
<meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8">
<script
src="https://code.jquery.com/jquery-git.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>
</head>
<body>
<p
class="pdf-wrapper"
="to-pdf">HTML
content...<h1>中文</h1>
中國,漢字,測試:合同
模版
中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國</br>中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國中國....................<br/>
中國,漢字,測試:合同
模版
...................<br/>
計費
介面
....................<br/>
<img
src='http://www.jb51.net/images/logo.gif'/>
</p>
<script
type="text/javascript">
var
pdf
=
new
jsPDF('p','pt','a4');
pdf.internal.scaleFactor
=
1;
var
options
=
{
pagesplit:
true
};
//$('.pdf-wrapper')
pdf.addHTML(document.body,options,function()
{
pdf.save('web1111.pdf');
});
</script>
</body>
</html>
運行效果:
更多關於JavaScript相關內容可查看本站專題:《JavaScript擴展技巧總結》、《JavaScript常用函數技巧匯總》、《javascript面向對象入門教程》、《JavaScript中json操作技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript查找演算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與演算法技巧總結》、《JavaScript遍歷演算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
您可能感興趣的文章:jsPDF導出pdf示例jsPDF生成pdf後在網頁展示實例使用jspdf生成pdf報表phonegap教程使用jspdf庫在應用中生成pdf文件(pdf生成方法)JS導出PDF插件的方法(支持中文、圖片使用路徑)js插件方式打開pdf文件(瀏覽器pdf插件分享)用Javascript檢查Adobe
PDF插件是否安裝的實現代碼純js實現html轉pdf的簡單實例(推薦)基於Phantomjs生成PDF的實現方法JavaScript+Java實現HTML頁面轉為PDF文件保存的方法JavaScript代碼生成PDF文件的方法

『陸』 js 如何把html轉成PDF

把html轉成PDF:
1.下載HTML2FPDF開源軟體,將其放在你的網站根目錄文件夾下,比如 /srv/httpd/htdocs/test/;

2.新建1.php文件,1.php中的代碼如下:
<?php
require('html2fpdf.php');
$pdf=new HTML2FPDF();
$pdf->AddPage();
// yourfile.html 你要轉化的HTML文件
$yourfile_html = "yourfile.html"
// yourfile.pdf 轉化成功後的pdf文件名
$yourfile_pdf = "yourfile.pdf"
$fp = fopen($yourfile_html,"r");
$strContent = fread($fp, filesize($yourfile_html));
fclose($fp);
$pdf->WriteHTML($strContent);
$pdf->Output($yourfile_pdf );
echo "PDF 文件成功生成!";
3.將你要轉化的yourfile.html文件也放在test目錄下,隨後在瀏覽器中訪問1.php文件就可以把html文件轉化成PDF文件了,
注意事項:1.php,yourfile.html和html2fpdf.php都要在同一目錄下

『柒』 如何利用js或php將html網頁轉為pdf

首先需要安裝wkhtmltopdf這個軟體 需要執行shell_exec函數的php文件和安裝的wkhtmltopdf.exe可執行文件在同一目錄下,不然專php找不到這個執行文件

shell_exec("wkhtmltopdf.exe --page-size A4 --outline 網頁地址 pdf文件名");
--page-size 以A4紙的尺寸顯示pdf內容
--outline 顯示目錄(網頁中h1,h2來定)
網頁地址 需要轉成pdf的網頁地址
pdf文件名 生成pdf的文屬件名,可以使用絕對路徑

『捌』 jquery 怎麼通過tableexport 將html導出pdf文件

tableExport是一個jQuery插件可以將HTML中表導出JSON、版XML、PNG、CSV、TXT,SQL,MS-Word,Ms-Excel Ms-Powerpoint、PDF,功能相當強大權。

『玖』 如何利用JS輸入HTML文件里的內容

先引用jquery,代碼如下
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type='text/javascript'>
$(function(){
$.get("/abc.php?id=11",function(d)
{
$("#aaa").html(d); //aaa為需要裝載內容的標簽id
})
})
</script>

『拾』 如果輸出JS文件里的HTML代碼

HTML中調用JS代碼。


js代碼註解:javascript代碼,可直接在客戶端解釋執行,html中調用js代碼的方法有兩種:一、將javascript寫在html文件中,在html中調用js函數等;二、js代碼寫一個文件中,在html中引用該文件,使用js文件中定義的js函數。


調用方法:


1、打開Dreamweaver軟體,在創建新項目下選擇HTML;



6、在Dreamweaver軟體中新建check.js文件(方法同html文件新建),check文件中輸入校驗函數;


7、test.html的title標簽下引用check.js文件;


8、在程序中引用check.js文件中js函數,在瀏覽器中刷新test.hmtl文件,然在username的輸入框中輸入非法字元來檢驗js代碼。

閱讀全文

與js把html輸出pdf文件內容嗎相關的資料

熱點內容
營銷建網站怎麼建 瀏覽:820
秘密的秘密安卓下載 瀏覽:737
數字營銷程序化交易 瀏覽:545
後期app都有哪些 瀏覽:462
ipad蜂巢移動數據怎麼收費 瀏覽:71
青鳥java和傳智的java 瀏覽:42
在微信中打開的dwg文件存在哪裡 瀏覽:667
終極解碼2014設置教程 瀏覽:810
拍照破解手機圖案密碼 瀏覽:885
安卓shell查看進程 瀏覽:158
mysql資料庫longtext 瀏覽:568
嵌入式linux有哪些特點 瀏覽:587
展開收縮代碼 瀏覽:189
archlinuxfn 瀏覽:744
文件檔案管理系統畢業設計 瀏覽:391
網路機頂盒電視沒信號怎麼回事 瀏覽:384
蘋果手機如何下載來玩 瀏覽:826
win10安裝重新啟動 瀏覽:395
復制文件和文件夾出錯 瀏覽:652
加工中心編程如何學 瀏覽:16

友情鏈接