87,988
社区成员
发帖
与我相关
我的任务
分享如何控制文本框在页面显示时显示边框，在打印（或打印预览）时，不显示边框只显示文本框内容。
最好能写成js文件，以供其他页面调用，另点击浏览器的“打印预览”有激发什么事件吗？
...全文
请发表友善的回复…
发表回复
zhenjia007 2003-07-14
- 打赏
- 举报
打印的方法不错,不知道能定位从哪里开始打印吗?
h2high 2003-07-04
- 打赏
- 举报
用CSS就好了吧？
<style>
/* 设置显示*/
@media screen {
input{border:1 solid black;}
}
/*设置打印 */
@media print {
input {
border:0 none black;
font-size:8pt;
}
}
<style>
/* 设置显示*/
@media screen {
input{border:1 solid black;}
}
/*设置打印 */
@media print {
input {
border:0 none black;
font-size:8pt;
}
}
usereach 2003-07-04
- 打赏
- 举报
结束打印或预览后恢复原样
<script>
function hide(){
for(i=0;i<document.all.length;i++)
if(document.all[i].tagName=="INPUT")
document.all[i].style.borderWidth='0';
}
function disp(){
for(i=0;i<document.all.length;i++)
if(document.all[i].tagName=="INPUT")
document.all[i].style.borderWidth='';
}
</script>
</head>
<body onbeforeprint="hide()" onafterprint="disp()">
<input id=t1 value=中国人>
</body>
<script>
function hide(){
for(i=0;i<document.all.length;i++)
if(document.all[i].tagName=="INPUT")
document.all[i].style.borderWidth='0';
}
function disp(){
for(i=0;i<document.all.length;i++)
if(document.all[i].tagName=="INPUT")
document.all[i].style.borderWidth='';
}
</script>
</head>
<body onbeforeprint="hide()" onafterprint="disp()">
<input id=t1 value=中国人>
</body>
usereach 2003-07-04
- 打赏
- 举报
<script>
function hide(){
for(i=0;i<document.all.length;i++)
if(document.all[i].tagName=="INPUT")
document.all[i].style.borderWidth='0';
}
</script>
</head>
<body onbeforeprint="hide()">
<input id=t1 value=中国人>
function hide(){
for(i=0;i<document.all.length;i++)
if(document.all[i].tagName=="INPUT")
document.all[i].style.borderWidth='0';
}
</script>
</head>
<body onbeforeprint="hide()">
<input id=t1 value=中国人>
紫郢剑侠 2003-07-04
- 打赏
- 举报
great!
cql0007 2003-07-04
- 打赏
- 举报
按"打印预览"激发事件可以这样处理:
用IE的打印控件,用JS调用打印预览;
<body>
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WB width=0>
</OBJECT>
<script>
function print(){
//在这里可以加入你要处理的别的事件.
//document.all.WB.ExecWB(8,1);//页面设置
document.all.WB.ExecWB(7,1);//打印预览
}
</script>
<input type="button" onclick="print()">
</body>
用IE的打印控件,用JS调用打印预览;
<body>
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WB width=0>
</OBJECT>
<script>
function print(){
//在这里可以加入你要处理的别的事件.
//document.all.WB.ExecWB(8,1);//页面设置
document.all.WB.ExecWB(7,1);//打印预览
}
</script>
<input type="button" onclick="print()">
</body>
