会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
新能源汽车行业用户产品设计
新能源汽车行业、面向C端用户的产品设计
博客园
首页
新随笔
管理
打印预览简单实用代码实例
打印预览简单实用代码实例,一个小小的例子包含以下问题。 打印预览的实现,屏幕和打印时使用不同的样式表,同时套用屏幕用,打印用两个样式。 kw:javscript,打印预览,不同样式表
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
<
head
>
<
title
>
PrintReview
</
title
>
<
style
type
="text/css"
media
="screen"
>
<!--
.style1
{
}
{
color
:
#FF0000
;
}
-->
</
style
>
<
style
type
="text/css"
media
="print"
>
<!--
.style1
{
}
{
color
:
#0000FF
;
}
.PrintNone
{
}
{
display
:
none
;
}
-->
</
style
>
<
script
language
="javascript"
>
function
Print(OleCmdID, Prompt)
{
/**/
/*
* OleCmdID values:
* 1 - Open Window
* 4 - Save As
* 6 - Print
* 7 - Print Preview
* 8 - Print Set
* 45- Close Window
*/
var
WebBrowser
=
"
<OBJECT ID='WebBrowser1' style='display:none' WIDTH=0 HEIGHT=0 CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'></OBJECT>
"
;
document.body.insertAdjacentHTML(
"
beforeEnd
"
, WebBrowser);
WebBrowser1.ExecWB(OleCmdID, Prompt);
WebBrowser1.outerHTML
=
""
;
}
</
script
>
</
head
>
<
body
>
<
input
name
="txtTest"
type
="text"
class
="style1 PrintNone"
value
="first"
/>
<
input
name
="txtTest"
type
="text"
class
="style1"
value
="second"
/>
<
input
type
="button"
name
="btnPrint"
value
="Print Review"
class
="PrintNone"
onClick
="Print(7,1);"
/>
</
body
>
</
html
>
posted @
2006-09-26 18:55
阿一(杨正祎)
阅读(
301
) 评论(
0
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部