JS实现网页的预览,编辑,打印功能 — 碧海澜涛居

正常访问状态！

设为首页 | 加入收藏夹 | 浏览历史

http://www.guosp.com
碧海澜涛居
海纳百川，有容乃大。壁立千刃，无欲则刚！

关键词：

网站首页 | 关于本站 | 技术资料 | 美文日志 | 读书收藏 | 影视收藏 | 软件收藏 | 摄影相册| 留言板

技术资料 >> JavaScript资料库

搜索标签： JS功能网页的预览编辑打印功能
JS实现网页的预览,编辑,打印功能
[阅读次数：2426次] [发布时间：2009年7月7日]
JS实现网页的预览,编辑,打印功能 <script language="javascript"> function SetPrint(){ document.bgColor='#666666'; document.all('PrintM').style.display="none"; document.all('Hidden1').style.display="none"; document.all('Hidden2').style.display="none"; document.all('ok').style.display=""; } function StarPrint(){ document.all('ok').style.display="none"; document.all('bg').border="0"; newstr = document.all.xxx.innerHTML; document.body.innerHTML = newstr; window.print(); window.close(); } </script> <LINK href="../INc/read.css" rel=stylesheet type=text/css> <SCRIPT src="../Inc/link.js"></SCRIPT> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Hidden1" style="border-collapse: collapse" border=5 cellpadding=0 cellspacing=0 align="center" width=85% bordercolor="#60b428"> <tr> <td bgcolor=#60b428> <img border=0 src="../Images/where.gif" align="absmiddle"> <font size="2" color="#FFFFFF">当前位置：<a class=top4 href="http://192.168.0.3">三环化工信息网</a>--新闻中心 > 阅读新闻 </font></td> </tr> <tr> <td bgcolor=#b0dc98 align="center"><font size="2">阅读选项: <script language=JavaScript> <!-- document.write("文字 <select name=selcolor onchange=setFontColor(this.value)><option value=#000000 selected>黑色 </option><option value=#FF0000>红色</option><option value=#FFFFFF>白色</option><option value=#555555>灰色</option><option value=#00FF00>绿色</option><option value=#0000FF>蓝色</option><option value=#00cccc>青色</option><option value=#ffff00>黄色 </option></select>背景 <select name=select onchange=setBgColor(this.value)><option style='BACKGROUND-COLOR: #FFFFFF' value=#FFFFFF selected>白色</option><option style='BACKGROUND-COLOR: #FFCCFF' value=#FFCCFF>粉红</option><option style='BACKGROUND-COLOR: #CCCCCC' value=#CCCCCC>灰色</option><option style='BACKGROUND-COLOR: #CCFFCC' value=#CCFFCC>绿色 </option><option style='BACKGROUND-COLOR: #99CCFF' value=#99CCFF>蓝色</option><option style='BACKGROUND-COLOR: #000000' value=#000000>黑色</option><option style='BACKGROUND-COLOR: #CCFFFF' value=#CCFFFF>青色</option><option style='BACKGROUND- COLOR: #FFCCCC' value=#FFCCCC>棕色</option></select>"); document.write("字号 <select name=selsize onchange=setFontSize(this.value)><option value=9pt selected>9 pt</option><option value=10pt>10 pt</option><option value=12pt>12 pt</option><option value=14pt>14 pt</option><option value=16pt>16 pt</option><option value=18pt>18 pt</option><option value=24pt>24 pt</option><option value=30pt>30 pt</option></select>字型 <select name=selxing onchange=setFontstyle(this.value)><option value=''>正常</option><option value='bold'>加粗</option></select>"); //--> </script> <script language=JavaScript> <!-- function showad(){document.write(strad);} function showct(){document.write(strct);} function setBgColor(color){window.setcolor.bgColor=color;} function setFontSize(size){window.setcolor.style.fontSize=size;} function setFontstyle(bold){window.setcolor.style.fontWeight=bold;} function setFontColor(color){window.setcolor.style.color=color;} function click() { if (event.button==2) { if(document.all.auto.status==true){document.all.auto.status=false;} scroller(); alert("已经停止自动滚屏！") } } document.onmousedown=click var position = 0; function scroller() { if (document.all.auto.status==true) { position++; scroll(0,position); clearTimeout(timer); var timer = setTimeout("scroller()",120); timer; } else { clearTimeout(timer); } } function Action(jsStr) { return eval(jsStr) } //--></script> <input onClick="Action('scroller();')" type=checkbox value=on name=auto> 自动滚屏[右键停止]</font></td> </tr> </table> <div id="xxx" align=center> <table id="bg" width="85%" border="5" style="border-collapse: collapse" align="center" cellpadding="0" cellspacing="0" bgcolor="#fffff0" bordercolor="#60b428"> <tr> <td> <table border=0 style="border-collapse: collapse" align="center" cellpadding="0" cellspacing="0" width="99%"> <tr> <td align=center height="80"><font size="5" color="#FF0000"><b> <font size="4">技改、清理和检修工作同时进行 </font></b></font> <hr align=center noShade size=1 width="100%"> <font color="#006600" size="2">时间：<font color="#FF0000" size="2">2003-10-3 16:15:27</font> 来源：<font color="#FF0000" size="2">硫酸车间</font> 作者：<font color="#FF0000" size="2">范里</font> 阅读 <font color="#FF0000">108</font> 次字数：<font color="#FF0000">429</font></font></td> </tr> <tr id="setcolor" style="line-height:150%;"> <td > <DIV ID=htmdiv>    10月3日早上20万吨硫磺制酸技改、清理和检修现场，一片繁忙景象，人头涌头，车水马龙，技改、清理和检修的各路人员汇集现场。<br>   四台吊车伸出铁臂，展开巨人背膀，把一台台设备，一件件物资、一筐筐填料和触媒，吊到各自的点上；清理过滤器、换热器、焚硫炉、循环槽等设备的操作工，各就各位钻进了各自的清理设备内，开始了紧张的清理工作；筛分触媒的民工象“非洲黑人”一样，又开始了触媒的装填工作，清理瓷环的民工，身装防酸衣裤帽象“探险者”一样，钻进了干燥塔、吸收塔内继续清理瓷环，检修工分散在各个点上, 开始了一天的检修工作；外委单位的施工人员，工作在自巳的点上，有的在高空作业、有的中间焊接、有的在低处奔忙，形态各一，就象在攻克一个堡垒，攻战一难关；公司总经理助理薛毅，在繁忙的工作中，多次到现场，关心、询问技改、检修工作和帮助解决问题，对工作给予鼓励。<br>   这是创业者与建设者向国庆献上的礼物，这是三环化工发展的不竭动力，这是三环化工改革与发展的历史进程。<br></DIV></td> </tr> </table> <br> <table id="Hidden2" align=center bgcolor=#b0dc98 border=0 cellpadding=0 cellspacing=1 width="100%"> <tr > <td height=1 colspan="3" background="../Images/line1.gif"></td> </tr> <tr> <td bgcolor=#b0dc98 class=maintitle width="67%" height="14"><font color="#006600"> <font size="2">相关新闻：</font></font></td> <td bgcolor=#b0dc98 class=maintitle width="19%" height="14"><font color="#006600" size="2">相关评论：</font></td> <td bgcolor=#b0dc98 class=maintitle align="right" height="14" width="14%"><font size="2" color="#006600">>>更多评论 </font></td> </tr> <tr > <td height=1 colspan="3" background="../Images/line1.gif"></td> </tr> <tr> <td bgcolor=#fffff0 width="67%"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><font size="2">·<a href="Read.asp?ID=2923" target="_blank">20万吨硫磺制酸系统停车技改和检修</a> 2003-10-3 16:13:37</font></td> </tr> <tr> <td><font size="2">·<a href="Read.asp?ID=2494" target="_blank">120万吨/年磷铵项目即将建设</a> 2003-7-23 17:38:26</font></td> </tr> </table> </td> <td bgcolor=#fffff0 colspan="2"> <p><font size="2">·<font color="blue">无相关评论</font> </font> </td> </tr> <tr id="PrintM"> <td bgcolor=#b0dc98 align="center" colspan="3"> <font face="Wingdings 2" color="#FF6600" size="3">7</font> <a class=top4 href="#" onClick="SetPrint()">打印预览</a> <font face="Wingdings" color="#FF0000"><b><font color="#FF6600">1</font></b></font> <a class=top4 href="#" onClick="window.external.addFavorite('http://192.168.0.9','::三环化工信息网--新闻中心::')" title=::三环化工信息网--新闻中心::>加入收藏</a> <font face="Wingdings 2" color="#FFFFFF"><font color="#FF0000" size="3"><b><font color="#FF6600">S</font></b></font></font><a class=top4 href="#" onClick="javascript:window.close();"> 关闭窗口</a> <font face="Webdings" color="#FFFFFF"><font size="3" color="#FF6600">V</font><b><font size="2" color="#FF9900"> </font></b></font><font size="2"><a href="#">发表评论</a></font></td> </tr> </table> </td> </tr> </table></div> <p id="ok" style="display:none" align="center"> <input type="button" name="Prin" value="打印" onClick="StarPrint();" > <input onClick="try{htmdiv.contentEditable=true}catch(e){alert('您的浏览器版本过低无法使用该功能')}" type=button value=快速编辑> <input type="button" name="cancel" value="取消" onClick="history.go(0)"> </p> 注：可手动修改代码后运行！本页地址： [复制地址]
返回顶部

评论统计（0条）| 我要评论

暂无评论内容！

我要评论

我要评论：

带*部分需要填写

姓名称呼：

* 请填写您的姓名或呢称

联系方式：

QQ,MSN,Email都可以，方便交流 (仅管理员可见)

评论内容：

* 不超过100字符，50汉字

验证码：

推荐链接

最近更新

·Host 'XXX' is not allowed...
·Win2008或IIS7的文件上传大...
·IIS7.0上传文件限制的解决方...
·测试信息2015-03-11
·asp.net中处理图片
·ASP.NET之Web打印－终极解决...
·Asp.net下C#调用Word模版实...
·asp.net下将页面内容导入到...
·asp.net导出为pdf文件
·asp.net生成pdf文件
·FCKeditor 文本编辑器的使用...
·ASP.NET 将数据生成PDF
·asp.net2.0导出pdf文件完美...
·AspJpeg的安装与测试
·JS验证浏览器版本对IE11的支...

热门浏览

·IE8和IE9出现“此网页上的问...
·无线路由器密码破解,教你断...
·js替换所有回车换行符
·QQ/MSN在线交流代码
·如何取消键盘上的一些快捷键...
·IE弹出“中国工商银行防钓鱼...
·win7声音小的解决方法
·webdav漏洞的利用
·强制两端对齐的函数或者CSS...
·win7下成功安装sql server ...
·显示器分辨率调的过高导致电...
·天诺时空技术技术论坛
·js验证手机号码格式
·JS展开和收缩效果(二)
·本地计算机上的 MSSQLSERVE...

碧海澜涛居

网站首页｜关于本站｜站长简介｜开发案例｜技术资料｜美文日志｜摄影相册｜读书收藏｜影视收藏｜留言板

版权所有：碧海澜涛 QQ:410436434 Email:shaopo_guo@163.com 苏ICP备15000526号

免责声明：本站为个人网站，站内所有文字、图片等各类资料均为个人兴趣爱好所收集，不用作任何商业用途，亦不保证资料的真实性，若有因浏览本站内容而导致的各类纠纷，本站也不承担任何责任。本站部分内容来自互联网，如有涉及到您的权益或隐私请联系站长解决。