文件和打印的技巧-单独打开一个页面来完成打印功能

——————————————————————————

<script type="text/javascript">        
            function doPrint(){
                window.open('print.html');
            }
        </script>

————————————————————————

<body style="text-align:center">
        <form>
            <label>姓名:</label>
            <input name="the_name" type="text"/>
            <br>
            <label>年龄:</label>
            <input name="age" type="text"/>
            <br>
            <label>性别:</label>
            <input name="gender" type="text"/>
            <br>
            <input type="button" onclick="doPrint();" value="打印"/>
        </form>
    </body>

————————————————————————

print.html :

<script type="text/javascript">        
            function init(){
                var w = window.opener;
                var f = w.document.forms[0];
                var str = '';
                str += '姓名:' + f['the_name'].value;
                str += ',年龄: ' + f['age'].value;
                str += ',性别: ' + f['gender'].value;
                document.body.innerHTML = str;
            }
</script>   

——————————————————————————

posted @ 2016-09-29 18:41  承载梦想-韩旭明  阅读(343)  评论(0编辑  收藏  举报