相关疑难解决方法(0)

打开一个新的JavaScript窗口(.open)及其CSS样式

我正在尝试将此功能用于我正在进行的项目的网站上.此函数的目的是仅(物理地)打印子div的内容,该内容巧合地称为选择器#content.

这是我到目前为止的一点点:

<script>
    function printContent() {
        window.open().document.write($("#content").html());
        window.print();
        window.close();
    }
</script>
Run Code Online (Sandbox Code Playgroud)

当人们点击"打印"超链接时会触发该功能.新窗口将加载#content div的内容,该内容从另一个HTML文档解析:

<div id="content">
    <br/>
    <div id="Algemeen">
        <h3>Algemene informatie</h3>
        <fieldset id="profile">
            <img id="male" src="./images/Pixers/male_icon.jpg"></img>
            <img id="female" src="./images/Pixers/female_icon1.jpg"></img>
        </fieldset>
    </div>
    <div id ="leftbox">   
        <div id ="veldbox"><label>BSN:</label>$!person.bsn</div>
        <div id ="veldbox"><label>Voornaam: </label>$!person.first_name</div>
        <div id ="veldbox"><label>Achternaam:</label>$!person.name_prefix $!person.last_name</div>
        <div id ="veldbox"><label>Geslacht:</label>$!person.gender</div>  
        <div id ="veldbox"><label>Woonadres:</label>$!person.address</div>
        <div id ="veldbox"><label>Plaatsnaam:</label>$!person.location</div>
        <div id ="veldbox"><label>Provincie:</label>$!person.province</div>
        <div id ="veldbox"><label>Postcode:</label>$!person.zipcode</div>
        <div id ="veldbox"><label>Tel. nummer thuis:</label>$!person.h_number</div>
        <div id ="veldbox"><label>Mobiel nummer:</label>$!person.mobile_nr</div>
        <div id ="veldbox"><label>Burgerlijke Stand:</label>$!person.m_status</div>
        <div id ="veldbox"><label>land van herkomst:</label>$!person.origin</div>
    </div>
    <div id="rightbox"> …
Run Code Online (Sandbox Code Playgroud)

html javascript css printing jquery

23
推荐指数
4
解决办法
6万
查看次数

标签 统计

css ×1

html ×1

javascript ×1

jquery ×1

printing ×1