回 帖 发 新 帖 刷新版面

主题:当点击<a href>打印</a>就打印出form中的内容?

当点击<a href>打印</a>就打印出form中的内容,如何写?

回复列表 (共10个回复)

沙发

Response.write server.HTMLEncode("<form></form>")

板凳

放在那个位置?

3 楼

用server.htmlencode(*****)把要打印的内容包含在里面就可以

4 楼

如果要打印的内容很多不知道要怎么写,我也很想知道

5 楼

找到一个源程序,大家共享


<html> 
<head> 
<title>my test</title> 
</head> 
<body> 
<script language="javascript"> 
function printTable(Id){   
var mStr;  mStr = window.document.body.innerHTML ; 
var mWindow = window; 
window.document.body.innerHTML =Id.innerHTML; 
mWindow.print(); 
window.document.body.innerHTML = mStr; } 
</script> 

<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
  <tr> 
    <td width="1%"> </td> 
    <td width="63%"> </td> 
    <td width="36%"> </td> 
  </tr> 
  <tr> 
    <td> </td> 
    <td>this is not need show---value <img src="image/2.jpg" width="71" height="85"></td> 
    <td> </td> 
  </tr> 
  <tr> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
  </tr> 
</table> 
<span id="show"> 
<table id="id" width="100%" border="0" cellspacing="0" cellpadding="0"> 
  <tr>  
    <td width="0%"> </td> 
    <td width="50%"><img src="image/3.jpg" width="242" height="96"></td> 
    <td width="50%"> </td> 
  </tr> 
  <tr>  
    <td> </td> 
    <td>test print page,the contern i need </td> 
    <td> </td> 
  </tr> 
</table> 
</span> 
<form> 
<input type=button value="打印指定内容" name="Print" onClick="printTable(show)"> 
</form> 
</body> 
</html>

6 楼

http://www.lxasp.com/article.asp?id=42

可以看看这里的源代码

7 楼

我已经照做啦,但为什么我的单元格中的背景颜色打印不出?
有没有办法让单元格的背景颜色打出来?
谢谢!

8 楼

大概思路你可以把你的背景颜色的标签打印出来,放在你要打印的东西前面!

9 楼

我已经放啦,把<span id="show">放在了那个<table>上了,也很奇怪在文件菜单中"打印预览"也不到它的颜色?
为什么呢?

10 楼

<HTML><meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<HEAD><TITLE>使用按钮</TITLE>
<SCRIPT Language="javascript">
function ChangeBgColor(new_bgcolor)
{
    document.bgColor=new_bgcolor;
}

function ChangeFont(new_fontsize)
{
    dl.style.fontSize=new_fontsize;
}
function ChangeFontfamily(new_Fontfamily)
{
    dl.style.fontFamily=new_Fontfamily;
}
</SCRIPT>
<style type="text/css">
<!--
.zt {
    font-family: "??";
    font-size: 36px;
    color: #000066;
}
.zt1 {
    font-family: "??";
    line-height: 1.5em;
}
-->
</style>
</HEAD>
<BODY id=dl onmousemove="onMouseMove()" onload="display()">
<div align="center" class="zt">什么是 JScript?
</div>
<FORM name="myform">
  <P align="right"><INPUT type="button" value="淡红" onClick="ChangeBgColor('#ffccff')">
    <INPUT type="button" value="淡蓝" onClick="ChangeBgColor('#99ffff')">
<INPUT type="button" value="淡绿" onClick="ChangeBgColor('#99ff66')">
<select name="select" onChange="ChangeFont(value)">
  <option value="12">小号</option>
  <option value="14">较小</option>
  <option value="16" selected>中号</option>
  <option value="18">较大</option>
  <option value="20">大号</option>
</select>
<select name="select" onChange="ChangeFontfamily(value)">
  <option value="宋体" selected>宋体</option>
  <option value="楷体_GB2312">楷体</option>
  <option value="隶书">隶书</option>
  <option value="黑体">黑体</option>
<option value="华文行楷">华文行楷</option>
</select>
</P>
</FORM>
<p class="zt1" id="PTEXT">JScript 是 Microsoft 公司对 ECMA 262 语言规范(ECMAScript 编辑器 3)的一种实现。除了少数例外(为了保持向后兼容),JScript 完全实现了 ECMA 标准。本概述的目的就是引导您学习使用 JScript。使用 JScript
JScript 是一种解释型的、基于对象的脚本语言。尽管与 C++ 这样成熟的面向对象的语言相比,JScript 的功能要弱一些,但对于它的预期用途而言,JScript 的功能已经足够大了。JScript 不是其他语言的精简版(例如,它只是与 Java 有点模糊而间接的关系),也不是任何事物的简化。不过,它有其局限性。例如,您不能使用该语言来编写独立运行的应用程序,并且没有对读写文件的内置支持。此外,JScript 脚本只能在某个解释器或“宿主”上运行,如 Active Server Pages(ASP)、Internet 浏览器或者 Windows 脚本宿主。JScript 是一种宽松类型的语言。宽松类型意味着您不必显式定义变量的数据类型。事实上 JScript 更进一步。您无法在JScriot上明确地定义数据类型。此外,在大多数情况下,JScript 将根据需要自动进行转换。例如,如果将一个数值添加到由文本组成的某项(一个字符串),该数值将被转换为文本。本用户指南的其余部分是 JScript 特性概述。有关该语言实现的全部细节,请参考 语言参考。注意 下面大多数示例的代码比实际 Web页中的代码应该更明确,并且不是太复杂。其目的是阐明相关概念,而不是提供最优的简短编码和风格。在任何情况下,如果六个月以后您还能毫不费力地阅读和理解所编写的代码,则说明这些代码写得不错。</p>
<SCRIPT LANGUAGE="JavaScript">
var mouse_x=0,mouse_y=0;//鼠标位置
var image_x=0,image_y=0;//图片位置(其值可能含有小数部分)
var to_move=false;    //是否移动图片
function onMouseMove()
{//在鼠标移动事件中,获取鼠标的最新位置
    mouse_x = document.body.scrollLeft + event.x;
    mouse_y = document.body.scrollTop + event.y;
    if(!to_move)
    {
        to_move=true;
        moveImage(3);
    }
}

function moveImage(distance)
{//把图片向鼠标移近 distance 个象素
    var dx = mouse_x - followed_image.style.pixelLeft - followed_image.style.pixelWidth/2;
    var dy = mouse_y - followed_image.style.pixelTop - followed_image.style.pixelHeight/2;
    var r = Math.sqrt(dx * dx + dy * dy);  // 图片中心与鼠标的距离
    to_move = (r>5);
    if (to_move)
    {
        image_x = image_x + distance*dx/r;
        image_y = image_y + distance*dy/r;
        followed_image.style.pixelLeft = image_x;
        followed_image.style.pixelTop = image_y;
        setTimeout("moveImage("+distance+")", 100);    //启动定时器,使图片逐步移近鼠标
    }
}
</SCRIPT>
<DIV ID="followed_image" STYLE="position: absolute; top: 0; left: 0; width: 80; height: 59">
  <A target="_blank" href="http://www.zsu.edu.cn">
  <IMG SRC="angel.gif" border="0" width="96" height="80"></A></DIV>
<SCRIPT language="javascript">
<!--
function display()
{
    var now=new Date();
    var hours=now.getHours();
    var minutes=now.getMinutes();
    var seconds=now.getSeconds();
    var mark = "AM";
    if(hours>12){ mark = "PM"; hours -= 12;}
    if(hours==0) hours=12;
    if(hours<10) hours="0"+hours;    //保持2个字符位置
    if(minutes<10) minutes="0"+minutes;//保持2个字符位置
    if(seconds<10)seconds="0"+seconds;//保持2个字符位置
    T1.value = hours+":"+minutes+":"+seconds+" "+mark;
    setTimeout("display()",100);//设置定时器
}
-->
</SCRIPT>
<P><INPUT id="digit_clock" type="text" name="T1" size="20"></P>
</BODY></HTML>



不知道对你有用吗?

我来回复

您尚未登录,请登录后再回复。点此登录或注册