第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何在JavaScript中打印呈現(xiàn)的HTML頁(yè)面的一部分?

如何在JavaScript中打印呈現(xiàn)的HTML頁(yè)面的一部分?

蝴蝶不菲 2019-09-20 16:26:38
JavaScript代碼window.print()可以打印當(dāng)前的HTML頁(yè)面。如果我在HTML頁(yè)面中有一個(gè)div(例如,從ASP.NET MVC視圖呈現(xiàn)的頁(yè)面),那么我只想打印div。是否有任何jQuery 不引人注目的JavaScript或普通的JavaScript代碼來(lái)實(shí)現(xiàn)此請(qǐng)求?更清楚地說(shuō),假設(shè)呈現(xiàn)的HTML頁(yè)面如下:<html xmlns="http://www.w3.org/1999/xhtml">    <head id="Head" runat="server">        <title>            <asp:ContentPlaceHolder runat="server" ID="TitleContent" />        </title>    </head>    <body>            <div id="div1" class="div1">....</div>            <div id="div2" class="div2">....</div>            <div id="div3" class="div3">....</div>            <div id="div4" class="div4">....</div>            <div id="div4" class="div4">....</div>        <p>            <input id="btnSubmit" type="submit" value="Print" onclick="divPrint();" />        </p>    </body></html>然后我想點(diǎn)擊打印按鈕,只打印div3。
查看完整描述

3 回答

?
翻過(guò)高山走不出你

TA貢獻(xiàn)1875條經(jīng)驗(yàn) 獲得超3個(gè)贊

我會(huì)有點(diǎn)像這樣:


<html>

    <head>

        <title>Print Test Page</title>

        <script>

            printDivCSS = new String ('<link href="myprintstyle.css" rel="stylesheet" type="text/css">')

            function printDiv(divId) {

                window.frames["print_frame"].document.body.innerHTML=printDivCSS + document.getElementById(divId).innerHTML;

                window.frames["print_frame"].window.focus();

                window.frames["print_frame"].window.print();

            }

        </script>

    </head>


    <body>

        <h1><b><center>This is a test page for printing</center></b><hr color=#00cc00 width=95%></h1>

        <b>Div 1:</b> <a href="javascript:printDiv('div1')">Print</a><br>

        <div id="div1">This is the div1's print output</div>

        <br><br>

        <b>Div 2:</b> <a href="javascript:printDiv('div2')">Print</a><br>

        <div id="div2">This is the div2's print output</div>

        <br><br>

        <b>Div 3:</b> <a href="javascript:printDiv('div3')">Print</a><br>

        <div id="div3">This is the div3's print output</div>

        <iframe name="print_frame" width="0" height="0" frameborder="0" src="about:blank"></iframe>

    </body>

</html>


查看完整回答
反對(duì) 回復(fù) 2019-09-20
?
神不在的星期二

TA貢獻(xiàn)1963條經(jīng)驗(yàn) 獲得超6個(gè)贊

試試這個(gè)JavaScript代碼:


function printout() {


    var newWindow = window.open();

    newWindow.document.write(document.getElementById("output").innerHTML);

    newWindow.print();

}


查看完整回答
反對(duì) 回復(fù) 2019-09-20
  • 3 回答
  • 0 關(guān)注
  • 992 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)