Question

我有一個「打印此頁」按鈕正常工作：

<a style="top:-40;left: 375;position:absolute;z-index:5000;"> 
<script> 
document.write("<input type='button' " + 
"onClick='window.print()' " + 
"class='printbutton' " + 
"value='Print This Page'/>"); 
</script> 
</a> 

正是我想要它，它不在印刷品上顯示。

我有一個跳轉到其他頁面的幾個導航按鈕：

<button style="position:absolute;top:1050px;left:-105px;z-index:5000;"> 
<a href="file:///C:/Users/jack/L-161%20Project/Rebuild/book/L-161%20Cover.html" target= "blank">Home</button></a> 

這些做工精細，但它們能打印。

我怎樣才能讓他們不像打印按鈕打印？我嘗試了幾個修改打印按鈕腳本的變體，但尚未找到正確的組合。

建議當然讚賞。請非常具體，因爲我很早就進入這個領域。

Answer 1

你可以像建議的​​3210那樣做。

將它放入您的CSS文件或將它添加到您的樣式標題中，就像使用「a」元素一樣。

內的CSS文件應該是這樣的：

@media print 
{  
    .no-print, .no-print * 
    { 
     display: none !important; 
    } 
} 

使用當前文檔中內嵌的樣式應該是這樣的：

<style> 
@media print 
{  
    .no-print, .no-print * 
    { 
     display: none !important; 
    } 
} 
</style> 

然後包裹在無打印您的按鈕類。

<div-class="no-print">  
<button style="position:absolute;top:1050px;left:-105px;z-index:5000;"> 
<a href="file:///C:/Users/jack/L-161%20Project/Rebuild/book/L-161%20Cover.html" target= "blank">Home</button></a> 
</div>