復(fù)制代碼 代碼如下:
echo '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<xml><w:WordDocument><w:View>Print</w:View></xml>
<script src="includes/js/ztree/js/jquery-1.4.4.min.js" type="text/javascript"></script>
</head>';
echo '<body><table>
<caption>';
echo "數(shù)字化教學(xué)系統(tǒng)電子備課稿<br>
<span>學(xué)科 <em>語文</em>學(xué)校 <em>實驗中學(xué)</em></span>
</caption>";
echo '</table></body></html>';
ob_start(); //打開緩沖區(qū)
header("Cache-Control: public");
Header("Content-type: application/octet-stream");
Header("Accept-Ranges: bytes");
if (strpos($_SERVER["HTTP_USER_AGENT"],'MSIE')) {
header('Content-Disposition: attachment; filename=test.doc');
}else if (strpos($_SERVER["HTTP_USER_AGENT"],'Firefox')) {
Header('Content-Disposition: attachment; filename=test.doc');
} else {
header('Content-Disposition: attachment; filename=test.doc');
}
header("Pragma:no-cache");
header("Expires:0");
ob_end_flush();//輸出全部內(nèi)容到瀏覽器
如果按照正常的頁面視圖進行顯示的話,需要在頭部添加一行xml標(biāo)示進行設(shè)置(藍色代碼部分):<xml><w:WordDocument><w:View>Print</w:View></xml>,添加后下載到本地的word文檔打開后顯示如下圖:
針對第三個問題就是有一些樣式不兼容問題,比如頂部的大標(biāo)題下面的相關(guān)屬性的下劃線標(biāo)注顯示:
我們在html中的樣式中添加了border-bottom: 1px solid #545454;這個樣式(藍色代碼部分),即:<em>,但是下劃線還是沒有顯示,因為在word中不識別。如下圖:
解決方法就是按照word識別的下標(biāo)樣式進行更改,即:<em>,更改為這個樣式后,即在下載到本地的word文檔打開后就有下劃線標(biāo)示顯示了。
授之于魚,不如授之于漁,我把我的關(guān)于這個解決樣式不兼容的解決方法給大家分享一下:
一:找個web版在線編輯器,然后在里面隨便輸入幾個文字,然后添加下劃線標(biāo)示
二:然后點擊編輯器上面的查看源代碼按鈕,可以看到剛才添加的那個下劃線標(biāo)示的屬性即為text-decoration: underline;而不是html中的樣式標(biāo)示:border-bottom: 1px solid #545454;
好了,針對以上相關(guān)問題就到這里,如有問題請大家提出來,我們共同討論解決哈。
新聞熱點
疑難解答