我的網頁上有兩個控制元件。這兩個控制元件的樣式被設定為無顯示。我想在列印時顯示這兩個控制元件，但我不希望這些控制元件出現在我的網頁上。每當我呼叫列印功能時，這兩個控制元件就會出現在列印頁面上，但每當我完成列印后，它們也會出現在網頁上。下面是我的網頁代碼：
<div id="test"/span>>
<span style=>
<img id="PARLogo"/span> style="display: none" src="~/Images/Logo_Circle"。 png" alt="PAR" width="70""70" height="70" runat="server" >
< span id="compName" runat="server" style="font-size。 25px;color:black;width:100%; display:none"><span style="color: black"> 測驗城市</span> < br /> 測驗公司</span>
</span>/span>
</div>/span>
< input type="button" id="btnPrint" value="Print" />
下面是列印div標簽的代碼：
<script type="text/javascript"/span>>
$(function () {
$("#btnPrint").click(function () {
document.getElementById('<%=PARLogo. ClientID %>').style.display = "block" ;
document.getElementById('<%=compName。 ClientID %>').style.display = "block";
var contents = $("#test"/span>).html();
var frame1 = $('<iframe /> ')。
frame1[0].name = "frame1";
frame1.css({ "position"/span>: "absolute", "top": "-1000000px" }）。)
$("body").append(frame1);
var frameDoc = frame1[0].contentWindow ? frame1[0].contentWindow : frame1[0] 。 contentDocument.document ? frame1[0] 。 contentDocument.document : frame1[0] .contentDocument。
frameDoc.document.open()。
//Create a new HTML document..
frameDoc.document.write('<html><head><title>DIV Contents</title> ) 。
frameDoc.document.write('</head><body>') 。
//Aappend the external CSS file.
frameDoc.document.write('<link href="style.css" rel="styleheet" type="text/css" /> ')。
//Aappend the DIV contents.
frameDoc.document.write（contents）。
frameDoc.document.write('</body></html> ')。
frameDoc.document.close()。
setTimeout(function () {
window.frames["frame1"].focus（）。
window.frames["frame1"].print（）。
frame1.remove（）。
}, 500）。)
});
});
</script>
正如你所看到的，我讓這兩個控制元件 "PARLogo "和 "compName "在javascript中可見，但它們在網頁中是不可見的。不知道為什么，這些控制元件在頁面加載時是不可見的，但只要我點擊列印按鈕，這兩個控制元件也會出現在普通的網頁上，這是我不想要的。
如果有任何幫助，我們將不勝感激。
uj5u.com熱心網友回復：
你有沒有試過用css media query "print"?
@media print {
/* print specific styles go here */ }
}
或者重置這些：
document.getElementById('<%=PARLogo. ClientID %>').style.display = "block" ;
document.getElementById('<%=compName. ClientID %>').style.display = "block";
.....
frame1.remove（）。
document.getElementById('<%=PARLogo. ClientID %>').style.display = "none" ;
document.getElementById('<%=compName. ClientID %>').style.display = "none" ;
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/321049.html
標籤：