BlogJava-灵魂-放水-随笔分类-JavaScripthttp://www.blogjava.net/zqli/category/10337.html为学日益，为道日损。zh-cnSun, 22 Apr 2007 03:24:07 GMTSun, 22 Apr 2007 03:24:07 GMT60[转]在JSP中输出Word文件http://www.blogjava.net/zqli/archive/2007/04/22/112568.html放水老倌放水老倌Sun, 22 Apr 2007 02:51:00 GMThttp://www.blogjava.net/zqli/archive/2007/04/22/112568.htmlhttp://www.blogjava.net/zqli/comments/112568.htmlhttp://www.blogjava.net/zqli/archive/2007/04/22/112568.html#Feedback0http://www.blogjava.net/zqli/comments/commentRss/112568.htmlhttp://www.blogjava.net/zqli/services/trackbacks/112568.html    <%@ page contentType="text/html;charset=GB2312"%>
    <html>
       <head><title>在JSP中输出Word文件</title></head>
       <body>
       <p>将页面内容输出为Word文档示例，点击ok按钮即出现提示是否保存选项。
       <p>你想将页面保存为Word文档吗？
       <form action="" method="get">
         <input type="submit" value="ok" name="submit">
       </form>
       <%
          String str=request.getParameter("submit");//获取按钮的值
          if(str.equals("ok"))
             response.setContentType("application/msword;charset=GB2312");//设置以msword格式输出
       %>
     </body>
   </html>

放水老倌 2007-04-22 10:51 发表评论
]]>[转]如何清空上传控件（<input type="file"/>）的值http://www.blogjava.net/zqli/archive/2007/04/20/112226.html放水老倌放水老倌Fri, 20 Apr 2007 08:06:00 GMThttp://www.blogjava.net/zqli/archive/2007/04/20/112226.htmlhttp://www.blogjava.net/zqli/comments/112226.htmlhttp://www.blogjava.net/zqli/archive/2007/04/20/112226.html#Feedback0http://www.blogjava.net/zqli/comments/commentRss/112226.htmlhttp://www.blogjava.net/zqli/services/trackbacks/112226.html
而上传控件又没有一个clear()之类的函数，所以这使得无刷新上传文件显得稍稍不爽，尤其对于追求完美的开发者而言。然而今天在做一个Asp.net控件时却发现不得不需要清空一下上传控件，于是便开始想办法。网上搜索一番，不出所料，没有找到什么结果。关键时刻只能靠自己了。

仔细想想，上传控件是不是任何时候都不可能被清空呢？答案是否，form.reset()方法能够重置所有得表单元素。只要调用inputFile.form.reset()，那么上传控件的值就清空了，不要担心它被恢复为某个默认值，value是只读的，你不能为它设置某个初始值。

于是开始设想，如果我只需要reset一下上传控件，怎么解决？其他的表单元素要保持原状。一个可行的方法是，reset之前获取所有的表单域的值，之后再用这些值填充，虽然显得稍微复杂，但借助prototype框架的Form对象提供的方法，还是很容易做到的。这样就能够得到需要的结果了。

然而这个方法还是不够优雅，沿着思路继续想下去，不难得到改进的方法：创建一个新的form，把上传控件临时放过来，再调用这个form的reset方法，完工之后再把上传控件弄回去。这个form无需进入DOM结构便能正常工作，所以不用担心会对界面有任影响。下面给出函数实现，经过验证工作良好，呵呵。
//清空文件上传框
function clearFileInput(file){
    var form=document.createElement('form');
    document.body.appendChild(form);
    //记住file在旧表单中的的位置
    var pos=file.nextSibling;
    form.appendChild(file);
    form.reset();
    pos.parentNode.insertBefore(file,pos);
    document.body.removeChild(form);
}


放水老倌 2007-04-20 16:06 发表评论
]]>[转]用javascript实现html页面之间的参数传递 http://www.blogjava.net/zqli/archive/2007/02/04/97893.html放水老倌放水老倌Sun, 04 Feb 2007 14:46:00 GMThttp://www.blogjava.net/zqli/archive/2007/02/04/97893.htmlhttp://www.blogjava.net/zqli/comments/97893.htmlhttp://www.blogjava.net/zqli/archive/2007/02/04/97893.html#Feedback1http://www.blogjava.net/zqli/comments/commentRss/97893.htmlhttp://www.blogjava.net/zqli/services/trackbacks/97893.html=========================================================

声明：

       作者：纪国瑞 华北电力大学控制系统中心

       要转载此文，必须包含本声明，并不得修改本声明。

=========================================================

      

我们知道，在服务器端asp程序可以接受html页面上的form传来的参数。

那么，可不可以传递参数给html页面呢。可以。

下面是javascript的一种实现方法, 这个函数是通过window.location.href中的分割符获得各个参数。

有了这个函数，就可以在页面之间传递参数了。

/*
 *函数功能：从href获得参数
 *sHref:   http://www.cscenter.com.cn/arg.htm?arg1=d&arg2=re
 *sArgName:arg1, arg2
 *return:  the value of arg. d, re
 */
function GetArgsFromHref(sHref, sArgName)
{
    var args  = sHref.split("?");
    var retval = "";
    
    if(args[0] == sHref) /*参数为空*/
    {
         return retval; /*无需做任何处理*/
    } 
    var str = args[1];
    args = str.split("&");
    for(var i = 0; i < args.length; i ++)
    {
        str = args[i];
        var arg = str.split("=");
        if(arg.length <= 1) continue;
        if(arg[0] == sArgName) retval = arg[1];
    }
    return retval;
}



放水老倌 2007-02-04 22:46 发表评论
]]>[转]Visual WebGui 基于ajax的界面框架 http://www.blogjava.net/zqli/archive/2007/02/04/97836.html放水老倌放水老倌Sun, 04 Feb 2007 01:34:00 GMThttp://www.blogjava.net/zqli/archive/2007/02/04/97836.htmlhttp://www.blogjava.net/zqli/comments/97836.htmlhttp://www.blogjava.net/zqli/archive/2007/02/04/97836.html#Feedback0http://www.blogjava.net/zqli/comments/commentRss/97836.htmlhttp://www.blogjava.net/zqli/services/trackbacks/97836.htmlVisual WebGui 是一个基于ajax的界面框架 ，他是基于.net的，自称是google gwt的.net对手，功能很全，也很漂亮。可以作为界面设计的参考！

Visual Web Gui

项目主页：http://www.visualwebgui.com/

测试页面：http://samples.visualwebgui.com/MainForm.wgx



放水老倌 2007-02-04 09:34 发表评论
]]>[转]在HTML网页中巧用URL http://www.blogjava.net/zqli/archive/2006/12/18/88630.html放水老倌放水老倌Mon, 18 Dec 2006 12:32:00 GMThttp://www.blogjava.net/zqli/archive/2006/12/18/88630.htmlhttp://www.blogjava.net/zqli/comments/88630.htmlhttp://www.blogjava.net/zqli/archive/2006/12/18/88630.html#Feedback0http://www.blogjava.net/zqli/comments/commentRss/88630.htmlhttp://www.blogjava.net/zqli/services/trackbacks/88630.html出处:http://blog.csdn.net/21aspnet/archive/2005/03/15/320329.aspx
http://www.cnbruce.com/blog/showlog.asp?cat_id=5&log_id=657

首先，先放出一个地址给大家测试

http://cnbruce.com/test/htmlpro/?name=cnbruce&email=cnbruce@126.com

1，时下流行的（可能是吧，因为最近问的人比较多）就是没有任何文件名的URL地址。比如htmlpro/?其实这和服务器设置的默认文件名有关，比如index.htm，index.html，index.asp等等，不信你试试我朋友的一个（asp的）。

http://www.windsn.com/blog/?viewType=byCate&cateID=3

2，本处的文件为index.html，同时后面带有参数，页面效果如同ASP一般提取信息内容。

如下是转载的文章（作者刘筱）可以说明些东西


经常上网的朋友肯定对“ http://host/***.asp?arg1=*&arg2=*  ”之类的URL(即网址)不会陌生。这类网址的作用就是通过在URL后面附加信息内容来传递相关信息给远程Web服务器，并在Web服务器进行适当处理后将结果返回给客户端，从而达到网页交互的目的，并实现网页内容动态化。(注意: URL与信息内容之间通过“?”连接，各内容字段之间则通过字符“&”来分隔，每个字段的名称/取值表示为“名称=取值”形式。)但通过这种方式实现的动态网页均需要服务器端编程技术的支持，最近笔者在制作个人网站时利用浏览器支持的DHTML和XML技术，经过不断尝试，在免费主页空间通过这种方式实现动态网页。

一、原理分析

当浏览器通过http://remotehost/program?querystring  这种方式请求Web服务器时，Web服务器将对请求地址的URL进行解析，把“?”后面的querystring字符串存入服务器特定环境变量，然后调用服务器端编程执行环境，如ASP(Activex Server Page)等对请求program文件进行处理。

具体调用何种编程执行环境依据服务器的设置而定，如果请求的文档是asp类型的文件，则调用ASP，如是aspx类型文件，则调用ASP.NET。在program文件中则可以通过一定方法来读取环境变量，如asp文件就可以通过Reques.Querystring数据集合来读取环境变量。编程执行环境处理完毕后将结果返回给Web服务器，Web服务器再将结果返回给浏览器，从而达到网页内容动态化的目的。

通过上述分析我们可以知道，如果使用http://remotehost/*.htm?querystring  方式向Web服务器发送请求时，Web服务器将向浏览器直接返回请求的HTML网页。这时我们就可以在网页中利用Location.href属性获得附加了信息内容的URL串，经过适当处理后就可以得到所附加的信息内容字段名称及其取值，再通过浏览器支持的DHTML特性进行处理，就可以实现网页内容动态化，从而在不支持服务器端编程技术的免费主页空间上达到网页交互的目的。

我们也可以看出，通过这种方式达到网页动态交互的目的即使是在浏览器中实现也仍然摆脱不了Web服务器的支持，否则浏览器将把“?querystring”作为请求的URL的一部分，从而出现网页不能查看的错误提示。

二、应用示例

---下面给出了一个带有详细注释的具体示例源代码。注意: querystring.js是一个实用程序，它可以在网页中直接引用，然后在网页中使用Request[“名称”]即可获取用户输入的有关信息内容。

1.querystring.js源代码


function QueryString()
{//构造参数对象并初始化
var name,value,i;
var str=location.href;//获得浏览器地址栏URL串
var num=str.indexOf("?")
str=str.substr(num+1);//截取“?”后面的参数串
var arrtmp=str.split("&");//将各参数分离形成参数数组
for(i=0;i < arrtmp.length;i++){
num=arrtmp[i].indexOf("=");
if(num>0){
name=arrtmp[i].substring(0,num);//取得参数名称
value=arrtmp[i].substr(num+1);//取得参数值
this[name]=value;//定义对象属性并初始化
}
}
}
var Request=new QueryString();//使用new运算符创建参数对象实例

2.Sample.htm源代码


<Html>
<Head>
<Meta http-equiv="Content-Type"content="text/html; charset=gb2312" >
<Title>示例</Title>
<script src="Querystring.js"></script>
</Head >
<Body>
<script>
var newElement=document.createElement("div");//创建div对象
var str="<u>"+Request["name"]+"</u>,欢迎光临!<br>您的E-mail是:<u>"+Request["email"]+"</u>";//利用实例["字段名称"]获取参数内容
newElement.innerHTML=str;
document.body.appendChild(newElement);//向文档添加div对象
</script>
</Body>
</Html>



如果对该示例应用DHTML与XML技术进行扩充，将会取得不可思议的效果。该作者就是通过这种途径在只支持纯HTML的主页空间建立了一个相当不错的动态图片查看器

所以，各位，实践下咯。
 

放水老倌 2006-12-18 20:32 发表评论
]]>写一个动态增删表格的实例。http://www.blogjava.net/zqli/archive/2006/12/18/88556.html放水老倌放水老倌Mon, 18 Dec 2006 07:17:00 GMThttp://www.blogjava.net/zqli/archive/2006/12/18/88556.htmlhttp://www.blogjava.net/zqli/comments/88556.htmlhttp://www.blogjava.net/zqli/archive/2006/12/18/88556.html#Feedback0http://www.blogjava.net/zqli/comments/commentRss/88556.htmlhttp://www.blogjava.net/zqli/services/trackbacks/88556.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>动态增删表格行</title>
<script language="JavaScript">
<!--
//author: Robin
//email: binluo@expervision.com.cn
var rowIndex=0;
function addLine(obj){
var objSourceRow=obj.parentNode.parentNode;
var objTable=obj.parentNode.parentNode.parentNode.parentNode;
if(obj.value=='增加详细伤亡人员信息'){
rowIndex++;
var objRow=objTable.insertRow(rowIndex);
var objCell;
for(i=0;i<18;i++){
objCell=objRow.insertCell(i);
objCell.innerHTML=objSourceRow.cells[i].innerHTML;

}

objCell=objRow.insertCell(18);
objCell.innerHTML=objSourceRow.cells[18].innerHTML.replace(/增加详细伤亡人员信息/,'删除');
}
else{
objTable.lastChild.removeChild(objSourceRow);
rowIndex--;
}
}

function removeLine(){

}

//-->
</script>
</head>
<body bgcolor="#ffffff">
<form name="form1" method="post">
<table width="100%" border="1" class="tableBorder" align=center >
      <tr align="center">
        <td height="56" class=forumrow style="display:none">姓名</td>
        <td colspan="3" class=forumrow style="display:none" >
          <input  type="text" name="casualtyName" size="8"/>
        </td>
        <td  class=forumrow style="display:none">性别</td>
        <td class=forumrow style="display:none">
          <input  type="radio" value="male" name="sex"/ size="5">
          男
          <input  type="radio" value="female" name="sex" size="5"/>
          女
        </td>
        <td  class=forumrow style="display:none">用工形式</td>
        <td  class=forumrow style="display:none">
          <select name="useForm">
            <option value="FORMAL_WORKER" selected>正式工</option>
            <option value="CONTRACT_WORKER">合同工</option>
            <option value="TEMP_WORKER">临时工</option>
          </select>
        </td>
        <td class=forumrow style="display:none">工种</td>
        <td  class=forumrow style="display:none">
          <select name="useKind">
            <option value="MANAGER" selected>管理人员</option>
            <option value="MU_GONG">木工</option>
            <option value="WA_GONG">瓦工</option>
            <option value="JIA_ZI_GONG">架子工</option>
            <option value="GANG_JIN_GONG">钢筋工</option>
            <option value="HUN_NING_TU_GONG">混凝土工</option>
            <option value="MO_HUI_GONG">抹灰工</option>
            <option value="JI_XIE_GONG">机械工</option>
            <option value="DIAN_GONG">电工</option>
            <option value="DIAN_HAN_GONG">电焊工</option>
            <option value="GUAN_GONG">管工</option>
            <option value="QIAN_GONG">钳工</option>
            <option value="YOU_QI_GONG">油漆工</option>
            <option value="FAN_SHUI_GONG">防水工</option>
            <option value="TONG_FENG_GONG">通风工</option>
            <option value="DIAO_ZHUANG_GONG">吊装工</option>
            <option value="BAN_YUN_GONG">搬运工</option>
            <option value="LI_GONG">力工</option>
            <option value="QIN_ZHA_GONG">勤杂工</option>
          </select>
        </td>
        <td class=forumrow style="display:none">年龄</td>
        <td class=forumrow style="display:none">
          <input type="text" name="age" size="4"/>
        </td>
        <td  class=forumrow style="display:none">从业时间</td>
        <td colspan="3" class=forumrow style="display:none">
          <input type="text" name="workTime"  size="4"/>
        </td>
        <td  class=forumrow style="display:none">文化程度</td>
        <td  class=forumrow style="display:none">
          <select name="education">
            <option value="ELEMENTORY_SCHOOL" selected>小学及以下</option>
            <option value="JUNIOR_HIGH_SCHOOL">初中</option>
            <option value="SENIOR_HIGH_SCHOOL">高中/中专</option>
            <option value="COLLEGE">大专</option>
            <option value="GRADUATE">大专以上</option>
          </select>
        </td>
        <td class=forumrow style="display:none">承包形式</td>
        <td colspan="3" class=forumrow style="display:none">
          <select name="contractTypeDetail">
            <option value="ZONG_CHENG_BAO">总承包</option>
            <option value="ZHUAN_YE_FEN_BAO">专业分包</option>
            <option value="LAO_WU_FEN_BAO">劳务分包</option>
          </select>
        </td>
        <td  class=forumrow style="display:none">伤亡情况</td>
        <td  class=forumrow style="display:none">
          <select name="casualtyInfo">
            <option value="LIGHT_HURT" selected>轻伤</option>
            <option value="HEAVEY_HURT">重伤</option>
            <option value="DIE">死亡</option>
          </select>
        </td>
    <td><input name="add" type="button" id="add" value="增加详细伤亡人员信息" onClick="addLine(this)"></td>
</tr>
</table>
</form>
</body>
</html>



放水老倌 2006-12-18 15:17 发表评论
]]>动态增删表格行http://www.blogjava.net/zqli/archive/2006/12/18/88511.html放水老倌放水老倌Mon, 18 Dec 2006 05:36:00 GMThttp://www.blogjava.net/zqli/archive/2006/12/18/88511.htmlhttp://www.blogjava.net/zqli/comments/88511.htmlhttp://www.blogjava.net/zqli/archive/2006/12/18/88511.html#Feedback0http://www.blogjava.net/zqli/comments/commentRss/88511.htmlhttp://www.blogjava.net/zqli/services/trackbacks/88511.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>动态增删表格行</title>
<script language="JavaScript">
<!--
//author: Robin
//email: binluo@expervision.com.cn
var rowIndex=0;
function addLine(obj){
var objSourceRow=obj.parentNode.parentNode;
var objTable=obj.parentNode.parentNode.parentNode.parentNode;
if(obj.value=='增加'){
rowIndex++;
var objRow=objTable.insertRow(rowIndex);
var objCell;

objCell=objRow.insertCell(0);
objCell.innerHTML=objSourceRow.cells[0].innerHTML;
objCell=objRow.insertCell(1);
objCell.innerHTML=objSourceRow.cells[1].innerHTML;

objCell=objRow.insertCell(2);
objCell.innerHTML=objSourceRow.cells[2].innerHTML.replace(/增加/,'删除');
}
else{
objTable.lastChild.removeChild(objSourceRow);
rowIndex--;
}
}

function removeLine(){

}

//-->
</script>
</head>
<body bgcolor="#ffffff">
<form name="form1" method="post">
<table width="400" border="0">
<tr>
<td>基本信息</td>
<td><select name="select">
<option value="" selected>选择</option>
<option value="1">第一</option>
<option value="2">第二</option>
</select></td>
<td><input name="basicinfo" type="text" id="basicinfo">
<input name="add" type="button" id="add" value="增加" onClick="addLine(this)"></td>
</tr>
</table>
</form>
</body>
</html>



放水老倌 2006-12-18 13:36 发表评论
]]>动态增删"内容"的Javascript代码。http://www.blogjava.net/zqli/archive/2006/12/17/88324.html放水老倌放水老倌Sun, 17 Dec 2006 03:32:00 GMThttp://www.blogjava.net/zqli/archive/2006/12/17/88324.htmlhttp://www.blogjava.net/zqli/comments/88324.htmlhttp://www.blogjava.net/zqli/archive/2006/12/17/88324.html#Feedback0http://www.blogjava.net/zqli/comments/commentRss/88324.htmlhttp://www.blogjava.net/zqli/services/trackbacks/88324.html收集：

<HTML>
<SCRIPT LANGUAGE="javascript">

var count = 0; //count the number of rows

function tb_addnew() //添加行
{
var ls_t=document.all("mytable")
maxcell=ls_t.rows(0).cells.length; //取得表宽
mynewrow = ls_t.insertRow(); //插入新行
    for(i=0;i<maxcell;i++)
    {
    mynewcell=mynewrow.insertCell(); //在新行中顺序插入表格单元
    mynewcell.innerHTML = "<input name='row"+count+"' value = 'row"+count+"'>"//在表格单元中添加文本输入框
 //值存在一个隐藏表单域中，以便提交时使用，使用数组方法接收值
    }
 count++;
}

function tb_delete() //删除行
{
var ls_t=document.all("mytable");

if(count >  0)
 {
 ls_t.deleteRow() ; //删除最末一行
 count--;
 }
}

</SCRIPT>
<BODY>
<TABLE id=mytable border=1>
 <TR><TH>第一列</TH><TH>第二列</TH><TH>第三列</TH><TH>第四列</TH></TR>
</TABLE>
 <input type=button value="新增" onclick="tb_addnew()">
 <input type=button value="删除" onclick="tb_delete()" >
</BODY>
</HTML>
 
1，动态删除Table 里面内容技巧，不需要写太多代码，一行：
tb.removeNode(true)

2,动态增加行,除了CreateElement方法，还可以这样比较短小：

<table id=tb1></table>
<SCRIPT>
function addTable(){
  var row1 = tb1.insertRow();
  var cell1=row1.insertCell();
  var cell2=row1.insertCell();
  cell1.innerText="灰豆宝宝";
  cell2.innerText="超级大笨狼"
}
</SCRIPT>
<INPUT TYPE = "button" VALUE = "AddTable" onclick = "addTable()">

3，在DIV中动态增加Table

<SCRIPT>
function addTable(){
  var tb1 = document.createElement("table");
  tb1.border="1px";
  var row1 = tb1.insertRow();
  var cell1=row1.insertCell();
  var cell2=row1.insertCell();
  mydiv.appendChild(tb1);
  cell1.innerText="wanghr100";
  cell2.innerText="panyuguang962"
}
</SCRIPT>
<BODY>
<div id=mydiv style="width:400;height:300;"></div>
<INPUT TYPE = "button" VALUE = "AddTable" onclick = "addTable()">

4,在DIV中删除Table，简单只要Div.innerHTML=""就可以。

以上是部分实用相对短小的代码，当然有其他各种办法实现，不过一般都比上面的长，比如组合使用DIV对象的insertAdjacentHTML 方法等，在不同需要下使用不同方法，前提是研究好浏览器模型 的各种对象的方法属性。尤其是熟悉CSS+HTML就会做的很酷。就JS语言本身来说要求不高。

以下是以Document对象为例，相关方法有：

Method Description
attachEvent
createAttribute  
createComment  
createDocumentFragment
createElement
createEventObject
createStyleSheet
createTextNode
detachEvent
getElementById  
getElementsByName
getElementsByTagName
mergeAttributes
recalc
write  
writeln
以DIV对象为例相关方法有：
addBehavior
appendChild
applyElement
attachEvent
clearAttributes
cloneNode
contains
detachEvent
getAdjacentText  
getAttribute  
getAttributeNode
getElementsByTagName
hasChildNodes
insertAdjacentElement
insertAdjacentHTML
insertAdjacentText
insertBefore
mergeAttributes
normalize
removeAttribute
removeAttributeNode  
removeBehavior
removeChild
removeExpression
removeNode
replaceAdjacentText
replaceChild
replaceNode
setActive
setAttribute
setAttributeNode
setExpression  

其他，比如下拉列表对象，和拖拽操作等我有时间也整理比较一下，实现相同功能，相对比较短的精彩代码是值得收藏的。


1. removeNode(true) 非IE浏览器不支持的，应该用 obj.parentNode.removeChild(obj);
2. insertRow(x) insertCell(y) 这个参数是IE里是可以缺省，但是在非IE浏览器里不可缺省


<SCRIPT>
function addTable(){
  var tb1 = document.createElement("TABLE");
  tb1.border="1px";
  var row1 = tb1.insertRow(0);
  var cell1=row1.insertCell(0);
  var cell2=row1.insertCell(1);
  document.getElementById("mydiv").appendChild(tb1);
  cell1.innerHTML="wanghr100";
  cell2.innerHTML="panyuguang962";
  row1.insertCell(2).innerHTML="要注意：给的例子要考虑全面";
}
</SCRIPT>
<BODY>
<div id="mydiv" style="width:400;height:300;"></div>
<INPUT TYPE = "button" VALUE = "AddTable" onclick = "addTable()">



放水老倌 2006-12-17 11:32 发表评论
]]>[转]网页打印问题，打印设置，打印预览，打印分页，纵打，横打及页面的边距。http://www.blogjava.net/zqli/archive/2006/12/14/87692.html放水老倌放水老倌Thu, 14 Dec 2006 05:54:00 GMThttp://www.blogjava.net/zqli/archive/2006/12/14/87692.htmlhttp://www.blogjava.net/zqli/comments/87692.htmlhttp://www.blogjava.net/zqli/archive/2006/12/14/87692.html#Feedback0http://www.blogjava.net/zqli/comments/commentRss/87692.htmlhttp://www.blogjava.net/zqli/services/trackbacks/87692.html

1、控制"纵打"、 横打”和“页面的边距
（1)
<object  id="factory"  style="display:none"  viewastext  classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" 
codebase="http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360"></object>
<script defer>
function SetPrintSettings() {
// -- advanced features
factory.printing.SetMarginMeasure(2) // measure margins in inches
factory.SetPageRange(false, 1, 3) // need pages from 1 to 3
factory.printing.printer = "HP DeskJet 870C"
factory.printing.copies = 2
factory.printing.collate = true
factory.printing.paperSize = "A4"
factory.printing.paperSource = "Manual feed"

// -- basic features
factory.printing.header = "This is MeadCo"
factory.printing.footer = "Advanced Printing by ScriptX"
factory.printing.portrait = false
factory.printing.leftMargin = 1.0
factory.printing.topMargin = 1.0
factory.printing.rightMargin = 1.0
factory.printing.bottomMargin = 1.0
}
</script>

（2）
<script language="javascript">
    function printsetup(){
    // 打印页面设置
    wb.execwb(8,1);
    }
    function printpreview(){
    // 打印页面预览

    wb.execwb(7,1);


    }

    function printit()
    {
    if (confirm('确定打印吗？')) {
    wb.execwb(6,6)
    }
    }
    </script>
</head>
<body>
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"

height=0 id=wb name=wb width=0></OBJECT>
<input type=button name=button_print value="打印"

onclick="javascriptrintit()">
<input type=button name=button_setup value="打印页面设置"

onclick="javascriptrintsetup();">
<input type=button name=button_show value="打印预览"

onclick="javascriptrintpreview();">
<input type=button name=button_fh value="关闭"

onclick="javascript:window.close();">

------------------------------------------------
关于这个组件还有其他的用法，列举如下：
WebBrowser.ExecWB(1,1) 打开
Web.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口
Web.ExecWB(4,1) 保存网页
Web.ExecWB(6,1) 打印
Web.ExecWB(7,1) 打印预览
Web.ExecWB(8,1) 打印页面设置
Web.ExecWB(10,1) 查看页面属性
Web.ExecWB(15,1) 好像是撤销，有待确认
Web.ExecWB(17,1) 全选
Web.ExecWB(22,1) 刷新
Web.ExecWB(45,1) 关闭窗体无提示

2、分页打印
<HTML>
<HEAD>
<STYLE>   
    P {page-break-after: always}
</STYLE>
</HEAD>
<BODY>
<%while not rs.eof%>
<P><%=rs(0)%></P>
<%rs.movenext%>
<%wend%>
</BODY>
</HTML>

3、ASP页面打印时如何去掉页面底部的路径和顶端的页码编号
（1）ie的文件-〉页面设置-〉讲里面的页眉和页脚里面的东西都去掉，打印就不出来了。
（2）<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="YC">
<script language="VBScript">
dim hkey_root,hkey_path,hkey_key
hkey_root="HKEY_CURRENT_USER"
hkey_path="\Software\Microsoft\Internet Explorer\PageSetup"
'//设置网页打印的页眉页脚为空
function pagesetup_null()
on error resume next
Set RegWsh = CreateObject("WScript.Shell")
hkey_key="\header"
RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""
hkey_key="\footer"
RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""
end function
'//设置网页打印的页眉页脚为默认值
function pagesetup_default()
on error resume next
Set RegWsh = CreateObject("WScript.Shell")
hkey_key="\header"
RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&w&b页码，&p/&P"
hkey_key="\footer"
RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&u&b&d"
end function
</script>
</HEAD>

<BODY>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/><p align=center>
<input type="button" value="清空页码" onclick=pagesetup_null()> <input type="button" value="恢复页吗" onclick=pagesetup_default()><br/>

</p>
</BODY>
</HTML>
4、浮动帧打印
<SCRIPT LANGUAGE=javascript>
function button1_onclick() {
    var odoc=window.iframe1.document;
    var r=odoc.body.createTextRange();
    var stxt=r.htmlText;
    alert(stxt)
    var pwin=window.open("","print");
    pwin.document.write(stxt); 
    pwin.document.close();
    pwin.print();
}
</SCRIPT>
5、用FileSystem组件实现WEB应用中的本地特定打印
<script Language=VBScript>
function print_onclick //打印函数
dim label
label=document.printinfo.label.value //获得HTML页面的数据
set objfs=CreateObject("Scripting.FileSystemObject") //创建FileSystem组件对象的实例
set objprinter=objfs.CreateTextFile ("LPT1:",true) //建立与打印机的连接
objprinter.Writeline("__________________________________") //输出打印的内容
objprinter.Writeline("| |")
objprinter.Writeline("| 您打印的数据是："&label& " |”)
objprinter.Writeline("| |")
objprinter.Writeline("|_________________________________|")
objprinter.close //断开与打印机的连接
set objprinter=nothing
set objfs=nothing // 关闭FileSystem组件对象
end function
</script>
服务器端脚本：
<%………
set conn=server.CreateObject ("adodb.connection")
conn.Open "DSN=name;UID=XXXX;PWD=XXXX;"
set rs=server.CreateObject("adodb.recordset")
rs.Open(“select ……”),conn,1,1
……….%> //与数据库进行交互
HTML页面编码：
<HTML>
………
<FORM ID=printinfo NAME="printinfo" >
<INPUT type="button" value="打印>>" id=print name=print > //调用打印函数
<INPUT type=hidden id=text1 name=label value=<%=………%>> //保存服务器端传来的数据
………
</HTML>


 
这个是调用WORD，进行打印
在<head></head>之间加入如下代码；
<OBJECT Classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WB width=0></OBJECT>
<script language=javascript>
function doPrintSetup(){
WB.ExecWB(8,1)
}
function doPrintPreview(){
WB.ExecWB(7,1)
}
</script>

在<body>中调用:
<input type=button name=button1 value="打印设置" onclick="return doPrintSetup()">
<input type=button name=button2 value="打印预览" onclick="return doPrintPreview()">
<input type=button name=button3 value="打印本页" onclick="javascriptrint()">

6、设置不想打印的部分
<style>
@media print{
.xx {display:none}
}
</style>
<table width="600" class="xx" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="60" align="center">不想打印的表格</td>
              </tr> 
</table>
7、利用word在客户端打印web页面

以前在asp中也碰到过实现在浏览器中打印的问题，特别是用局域网中的一些应用，以前的实现定义一个打印开始的标记，和一个结束的标记，然后调用window.print()方法，还有涉及在使用frame时候的打印问题，在msdn的文档中有关于这些的比较详细的介绍，但是，控制起来都比较的麻烦，而且对与打印比较精确的控制都比较难以实现，有很多的朋友也碰到过这个问题，最近读了一片文章，关于在web中的打印的实现（csdn)，稍作修改，贴了出来，供大家参考一下，希望对大家有所帮助。
可以调用客户端的word进行打印前提是客户端必须安装word.
方法如下：
＜%
Response.ContentType = "application/msword"
response.AddHeader "content-disposition", "inline; filename=report.doc"
%＞
当把，一样的内容添加到，asp的上面时候，会在客户端自动调用word打开当前的文档，不过不要忘记把，response.buffer的属性设定为false。

8、在WEB环境下打印报表的crystal的解决方案的实例

<%@ LANGUAGE="VBSCRIPT" %>
<%
' = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
' 从ADO Recordset直接生成报表
' = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
'
' 概念:
'
' 这个应用被设计成演示怎样从ADO Recordset生成报表。我们首先建立ADO Connection和
' Recordset对象，然后用SQL语句从数据库中生成一个记录集。然后我们建立一个Crystal
' Reports对象，并把这个这个对象指向ADO recordset。最后我们将Crystal Reports
' Smart Viewer送到客户端显示这个报表。

' 第一步：建立ADO Connection and Recordset

' 一个ADO的数据库连接就是通过你已经存在的ODBC数据源（DSN）从象ASP这样的应用中来访问
' 数据的连接。为了达到这个例子的目的，我们将使用到用一个叫做"Xtreme Sample Data"的
' 连到Access数据库Xtreme.mdb系统DSN

' 建立ADO数据库连接:

Set oConn = Server.CreateObject("ADODB.Connection")

'这里建立叫做"oConn"的ADO connection，我们将用这个ADO connection对象连接到上述的DSN

'用 ADO connection 必须先要打开它:

oConn.Open("Xtreme Sample Database")

'这里打开我们的ODBC的数据源，这个数据源指向Access数据库Xtreme.mdb

'现在我们必须建立一个RecordSet对象：

set session("oRs") = Server.CreateObject("ADODB.Recordset")

'在上面我们建立了一个session("oRs"). 这个session中存放一个RecordSet对象
'将要包含用SQL语句返回的数据

'定义和生成 recordset:

session("oRs").ActiveConnection = oConn
'定义这个recordset将要使用的Connection 对象

session("oRs").Open "SELECT [Product ID], [Product Name] FROM Product"

'用SQL语句从Xtreme.mdb库的"Product"表中取出两个字段

'===================================================================================
'建立Crystal Reports 对象
'===================================================================================
'你可能注意到，Crystal Reports对象被设为session，这是因为已经需求就会被一个叫做
'"rptserver.asp"的ASP处理，为了让rptserver.asp能非常容易地访问Crystal Report对象，
'我们把这些对象都设为session。这样任何ASP页都运行在这个session中，都能够直接访问这些对象

reportname = "ADORecordset.rpt"

'这里建立一个字符串变量，指向Crystal Report文件(.rpt file)，再用这段代码的时候
'换成你的Crystal Report文件名。

'建立APPLICATION 对象
If Not IsObject (session("oApp")) Then
Set session("oApp") = Server.CreateObject("CrystalRuntime.Application")
End If

'这个"if/end if" 结构用来每个session只建立一次 Crystal Reports Application对象o
'建立application对象 - session("oApp")，将Crystal Report Design Component
'automation server (craxdrt.dll)载入内存。
'
'我们建立session变量是为了再asp session过程中都使用它们.这样可以减少将craxdrt.dll
'载入和卸载的系统开销。在一个session中一旦建立了一个application对象我们就可以不必
'重建对象运行更多的报表 。

' 建立REPORT 对象
'
'这个REPORT 对象被Application的OpenReport方法建立

Path = Request.ServerVariables("PATH_TRANSLATED")
While (Right(Path, 1) <> "\" And Len(Path) <> 0)
iLen = Len(Path) - 1
Path = Left(Path, iLen)
Wend
response.Write path
'这个"While/Wend" 循环被用来将当前文件从虚拟路径(eg: http://Domain/Dir)转换成Crystal
' Report file的物理路径(eg: C:\)

'打开REPORT (先清除以前的任何对象)

If IsObject(session("oRpt")) then
Set session("oRpt") = nothing
End if

On error resume next

Set session("oRpt") = session("oApp").OpenReport(path & reportname, 1)
'这里用"PATH" 和 "reportname"变量计算出Crystal Report file的物理路径, 并打开它。

If Err.Number <> 0 Then
Response.Write "Error Occurred creating Report Object: " & Err.Description
Set Session("oRpt") = nothing
Set Session("oApp") = nothing
Session.Abandon
Response.End
End If

'这个 On erro resume next 块检查在建立report对象时出现的任何错误，我们正明确的捕获任何
'错误如果视图超过许可协议规定的最大并发用户数。

'注意，我们并不只建立一次report对象。这是因为有了ASP session 你可以处理更多的超过一个报表
' rptserver.asp将仅仅处理一个叫session("oRpt")的report对象。因此，你如果希望处理多个报表
'的话，就要建立一个新的session("oRpt")对象。

session("oRpt").MorePrintEngineErrorMessages = False
session("oRpt").EnableParameterPrompting = False

'这里不允许错误报告机制，包括Crystal Report Design Component automation server (craxdrt.dll)
'内建的错误报告，这是因为两个原因：
'1. 打印引擎是在Web Server上执行的, 所以任何错误信息都将被显示在服务端，如果在服务端报告出错了，
' 打印引擎将停止运作，你的应用将被“挂起”
'2. rptserver.asp 已经有一些错误处理逻辑在里面了，可以捕获任何非致命错误，并显示在客户端。
'
'**重要** 即使我们禁止了服务端引擎的错误处理，但是致命错误还是会在Web Server服务端被捕获，并
'显示出错误提示对话框。所以我们建议，你在"World Wide Web Publishing" service (IIS service)设置
'"Allow Service to Interact with Desktop"选项。这样如果你的ASP应用死了，你将能看到错误提示。

'======================================================================================
'======================================================================================

'现在我们必须告诉report在ADO recordset中的数据

'report建立在动态的ADO recordset的基础，我们必须基于我们建立的recordset来建立report
'然后在运行时我们告诉report数据在ADO Record set中。report通常依靠数据库结构文件
'(ADORecordset.ttx)建立，这个.ttx文件包含recordset的结构，不包含实际数据。

'一个Crystal Report完全依赖将要使用的Report的数据结构，因此在运行时你的数据库结构文件(ttx file)
'或真实反应ADO recordset包含的数据的DSN是十分重要的

session("oRpt").DiscardSavedData
set Database = session("oRpt").Database
'实例化report用到的数据库

set Tables = Database.Tables
'实例化数据库对象中的表

set Table1 = Tables.Item(1)
'实例化第一张表，在这个实例中这个表对象指向ADORecordset.ttx文件

Table1.SetPrivateData 3, session("oRs")

'"SetPrivateData"告诉report现在数据源是 recordset，现在report将要显示的数据包含在session("oRs")中
'如果你的report中包含子报表将提供不同的recordset来指向子报表的数据
'
'====================================================================================
'重新得到记录和建立"Page on Demand" Engine Object
'====================================================================================

On Error Resume Next
session("oRpt").ReadRecords

If Err.Number <> 0 Then
Response.Write "Error Occurred Reading Records: " & Err.Description
Set Session("oRpt") = nothing
Set Session("oApp") = nothing
Session.Abandon
Response.End
Else
If IsObject(session("oPageEngine")) Then
set session("oPageEngine") = nothing
End If
set session("oPageEngine") = session("oRpt").PageEngine
End If

' 实例化 CRYSTAL REPORTS SMART VIEWER
'
'在ASP环境中使用Crystal Reports automation server, 我们用相同的页来通过Crystal Web Report Server调用
'"Smart Viewers"
'有四个 Crystal Reports Smart Viewers:
'
'1. ActiveX Smart Viewer
'2. Java Smart Viewer
'3. HTML Frame Smart Viewer
'4. HTML Page Smart Viewer
'
'你使用的Smart Viewer将与你数用的浏览器兼容的，例如你将不会使用Java viewer如果你的浏览器
'不支持Java applets。为此，在这个DEMO中，我们已经选择定义一个viewer，你可以通过代码决定
'提出要求的浏览器的支持兼容性，无论如何，这个功能继承自Crystal Reports automation server，
'超过了这个示例的范围。

'基于简单的理由，我们已经选择通过ASP服务端包含的功能来实现这个功能，你可以选择不同的
'SmartViewer*.asp文件送到不同的浏览器，简单的用你想用的Smart Viewer asp文件来代替。

'这些选择是： SmartViewerActiveX.asp, SmartViewerJave.asp,SmartViewerHTMLFrame.asp,
'and SmartViewerHTMLPAge.asp.注意，使用这些包含文件时，你必须把相应的.ASP文件放在同主
'ASP文件相同的虚拟路径中。
'
'*注意* 对于 SmartViewerHTMLFrame and SmartViewerHTMLPage,你必须在虚拟路径中有framepage.asp
'文件和toolbar.asp 文件

viewer = Request.Form("Viewer")

'上面读取被使用的viewer的值，并放入变量"viewer"中

If cstr(viewer) = "ActiveX" then
%>
<!-- #include file="SmartViewerActiveX.asp" -->
<%
ElseIf cstr(viewer) = "Netscape Plug-in" then
%>
<!-- #include file="ActiveXPluginViewer.asp" -->
<%
ElseIf cstr(viewer) = "Java using Browser JVM" then
%>
<!-- #include file="SmartViewerJava.asp" -->
<%
ElseIf cstr(viewer) = "Java using Java Plug-in" then
%>
<!-- #include file="JavaPluginViewer.asp" -->
<%
ElseIf cstr(viewer) = "HTML Frame" then
Response.Redirect("htmstart.asp")
Else
Response.Redirect("rptserver.asp")
End If
'上面 If/Then/Else 被设计测试"viewer" 变量的值，基于这个值，送适当的Crystal Smart Viewer
%>

 

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1441869



放水老倌 2006-12-14 13:54 发表评论
]]>[转]Javascript 获得网页控件方法大全(附全码) http://www.blogjava.net/zqli/archive/2006/10/25/77209.html放水老倌放水老倌Wed, 25 Oct 2006 07:43:00 GMThttp://www.blogjava.net/zqli/archive/2006/10/25/77209.htmlhttp://www.blogjava.net/zqli/comments/77209.htmlhttp://www.blogjava.net/zqli/archive/2006/10/25/77209.html#Feedback0http://www.blogjava.net/zqli/comments/commentRss/77209.htmlhttp://www.blogjava.net/zqli/services/trackbacks/77209.html编写JS的时候,总会调用的网页上的控件,今天有心情,把获得网页上的控件方法写了下,有不足,请补充.
【总结】一般我喜欢使用:document.getElementById()和document.all().现在觉得document.all.*比较不错!
关于其更深一步的原理暂不清楚,希望有明白的人给个深入讲解的链接!!


本帖以获得页面的text文本为例,获得控件后为其赋值为"你好!"
【附一:方法大全】
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>获得网页控件的方法大全</title>
<script language="javascript">
 function AXzhz()
 {  
  //【AX为文本框的id,通过下面的方法对文本框赋内容】
  
  //【根据控件ID】
  document.getElementById("AX").value="你好!" ;
  //document.all("AX").value="你好!";  
  //document.all.AX.value="你好!";
  //不成功 document.AX.value="你好!";
  
  //document.body.all("AX").value="你好!";
  //document.body.all.AX.value="你好!";
  //不成功 document.body.getElementById("AX").value="你好!";
  
  //formid.AX.value="你好!";  
  //不成功 formid.getElementById("AX").value="你好!";
  //不成功 formid.all.getElementById("AX").value="你好!";
  //formid.all.AX.value="你好!";
  //formid.all("AX").value="你好!";
  
  //【根据控件name,返回的是一个数组集合,再通过下标获得控件】
  //document.getElementsByName("textfield")[0].value="你好!";
  //不成功 formid.all.getElementsByName("textfield")[0].value="你好!";
  //不成功 formid.getElementsByName("textfield")[0].value="你好!";
  
  //【根据标签,返回的是一个数组集合,严格来说是获得标签中的内容,估计用到的机会不是很多】  
  //document.getElementsByTagName("td")[1].innerHTML="你好!";    
 }
</script>
</head>
<body>
<form id="formid">
<table width="200" border="1">
<!--title是鼠标在上面的时候出现的提示-->
  <tr title="快啊快啊!!" onclick="AXzhz()">
    <td bgcolor="#FF9933">你点我啊!!<br> 
 <INPUT TYPE="text"value="根据标签测试时使用,请仔细观察结果!">
 </td>   
  </tr>
  <tr>
    <td  bgcolor="#0099FF"><p>AXzhz制作<br/>
        <input type="text" name="textfield" value="我要给这个文本框赋值!" id="AX"/>  
    </td></p>
  </tr>
</table>
</form>
</body>
</html>


【附二:getElementsByName详细】
<SCRIPT>
function fnGetNames(){
// Returns a collection with 2 INPUT type=text elements.
var aInput=document.getElementsByName("firstName");
document.all.AX.value=aInput[0].value+aInput[1].value;

}
</SCRIPT>
<INPUT TYPE="text"  id="AX">
<INPUT TYPE="text" NAME="firstName">
<INPUT TYPE="text" NAME="firstName">
<INPUT TYPE="button" VALUE="Get Names" onclick="fnGetNames()">

【附三:getElementsByTagName详细】
<SCRIPT>
function AXzhz()
{
var aSpans = oDiv.getElementsByTagName("SPAN");
document.all.AX.value=aSpans[1].innerHTML;
}
</SCRIPT>
<input name="text" type="text"  id="AX" width="400px">
<DIV id="oDiv"><label onClick="AXzhz()">你点我啊!</label><br>
<SPAN>Immediate Child
<DIV>
<SPAN>Child of Child DIV
<INPUT TYPE="text" NAME="firstName" value="AX制作!">
</SPAN>
</DIV>
</SPAN>
</DIV>



Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1346316



放水老倌 2006-10-25 15:43 发表评论
]]>[转]网页内容无法复制怎么办？http://www.blogjava.net/zqli/archive/2006/10/19/76235.html放水老倌放水老倌Thu, 19 Oct 2006 10:22:00 GMThttp://www.blogjava.net/zqli/archive/2006/10/19/76235.htmlhttp://www.blogjava.net/zqli/comments/76235.htmlhttp://www.blogjava.net/zqli/archive/2006/10/19/76235.html#Feedback4http://www.blogjava.net/zqli/comments/commentRss/76235.htmlhttp://www.blogjava.net/zqli/services/trackbacks/76235.html分类：综合、杂记时间：2006-10-19 13:23:39作者：supNate
大家一定遇到过网页内容无法复制的问题，虽然实现技术简单，但碰到时还真是挺烦人的，现在偶提供一个最迅速的解决方案，就是在浏览器地址栏输入以下代码：
javascript:alert(document.onselectstart = document.oncontextmenu = document.onmousedown = document.onkeydown = function(){return true;});
嘿嘿，是不是可以选中内容可以复制了？神奇吧！

说到灵感来源，还要从前几天在某blog看到一个搞笑的技术说起，它是通过在地址栏输入javascript代码而使得网页中的图片满天飞舞，效果还真不错。虽然很容易明白其原理，但还是很pf作者的创意，呵呵。。于是便想这个小trick是否能有其他实用的用处呢。。。

说到这里，大家都明白了，就是用来解决网页能容无法复制的问题。

首先了解下常见的实现无法复制内容的javascript技术，如下：
（1）屏蔽选中事件
document.onselectstart=function(){return false;}
（2）屏蔽右键菜单
document.oncontextmenu=function(){return false;}
（3）另一种屏蔽右键菜单
document.onmousedown=function(){
  if(event.button==2)return false;
} 
（4）屏蔽ctrl按键
document.onkeydown=function(){
  if(event.ctrlKey)return false;
}

了解了上述原理，要屏蔽就易如反掌了，呵呵，在浏览器输入如下代码：
javascript:alert(document.onselectstart = document.oncontextmenu = document.onmousedown = document.onkeydown = function(){return true;});
实际中发现如果不用alert语句套上，会导致浏览器重写当前窗口，于是就加上了。大家不妨试试，遇到不奏效的记得反馈下，我好研究是否有更完善的方案。


放水老倌 2006-10-19 18:22 发表评论
]]>[转]javascript 弹出窗口技术总结 http://www.blogjava.net/zqli/archive/2006/09/28/72672.html放水老倌放水老倌Thu, 28 Sep 2006 12:42:00 GMThttp://www.blogjava.net/zqli/archive/2006/09/28/72672.htmlhttp://www.blogjava.net/zqli/comments/72672.htmlhttp://www.blogjava.net/zqli/archive/2006/09/28/72672.html#Feedback0http://www.blogjava.net/zqli/comments/commentRss/72672.htmlhttp://www.blogjava.net/zqli/services/trackbacks/72672.html 
作者: 9.95   发表日期: 2006-05-16 11:54   复制链接




以下列出一些弹出窗口的参数,你可自行设定,参数之间用逗号分隔可选。字符串--列出对象表并用逗号分开。每一项都有自己的值，他们将被分开（如："fullscreen=yes, toolbar=yes"）。下面是被支持的各种特性。

channelmode = { yes | no | 1 | 0 }是否在窗口中显示阶梯模式默认为no
directories = { yes | no | 1 | 0 }是否在窗口中显示各种按钮默认为yes
fullscreen = { yes | no | 1 | 0 }是否用全屏方式显示浏览器默认为no
height = number指定窗口的高度，单位是像素最小值是100
left = number指定窗口距左边框的距离，单位是像素值必须大于或者等于0
location = { yes | no | 1 | 0 }指定是否在窗口中显示地址栏默认为yes
menubar = { yes | no | 1 | 0 }指定是否在窗口中显示菜单栏默认为yes
resizable = { yes | no | 1 | 0 }指定是否在窗口中显示可供用户调整大小的句柄默认为yes
scrollbars = { yes | no | 1 | 0 }指定是否在窗口中显示横向或者纵向滚动条默认为yes
status = { yes | no | 1 | 0 }指定是否在窗口中显示状态栏默认为yes
titlebar = { yes | no | 1 | 0 }指定是否在窗口中显示标题栏。在非调用HTML Application或者一个对话框的情况下，这一项将被忽略默认为yes
toolbar = { yes | no | 1 | 0 }指定是否在窗口中显示工具栏，包括如前进、后退、停止等按钮默认为yes
width = number指定窗口的宽度，单位是像素最小值是100
top = number指定窗口顶部的位置，单位是像素值必须大于或者等于0

1、最基本的弹出窗口代码　　

　　<SCRIPT LANGUAGE="javascript">

　　<!--

　　window.open ('page.html')

　　-->

　　</SCRIPT>

　　
　　因为这是一段javascripts代码，所以它们应该放在 之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。window.open ('page.html') 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(.. /)均可。用单引号和双引号都可以，只是不要混用。这一段代码可以加入HTML的任意位置，和之间可以，间也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。
　
2、经过设置后的弹出窗口
　　
　　下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。 　　

　　<SCRIPT LANGUAGE="javascript">

　　<!--

　　window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0,
toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')
//这句要写成一行

　　-->

　　</SCRIPT>

　　
　　参数解释： 　　
　　<SCRIPT LANGUAGE="javascript"> js脚本开始；
　　window.open 弹出新窗口的命令；
　　'page.html' 弹出窗口的文件名；
　　'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；
　　height=100 窗口高度；
　　width=400 窗口宽度；
　　top=0 窗口距离屏幕上方的象素值；
　　left=0 窗口距离屏幕左侧的象素值；
　　toolbar=no 是否显示工具栏，yes为显示；
　　menubar，scrollbars 表示菜单栏和滚动栏。
　　resizable=no 是否允许改变窗口大小，yes为允许；
　　location=no 是否显示地址栏，yes为允许；
　　status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
　　</SCRIPT> js脚本结束

3、用函数控制弹出窗口
　　
　　下面是一个完整的代码。

　　<html>

　　<head>

　　<script LANGUAGE="JavaScript">

　　<!--

　　function openwin() {

　　window.open ("page.html", "newwindow", "height=100,
width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no,
status=no") //写成一行

　　}

　　//-->

　　</script>

　　</head>

　　<body onload="openwin()">

　　任意的页面内容...

　　</body>

　　</html>



　　这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。怎么调用呢？

　　方法一：<body onload="openwin()"> 浏览器读页面时弹出窗口；
　　方法二：<body onunload="openwin()"> 浏览器离开页面时弹出窗口；
　　方法三：用一个连接调用：
　　<a href="#" onclick="openwin()">打开一个窗口</a>
　　注意：使用的“#”是虚连接。
　　方法四：用一个按钮调用：
　　<input type="button" onclick="openwin()" value="打开窗口">
　
4、同时弹出2个窗口
　　
　　 对源代码稍微改动一下： 　　

　　<script LANGUAGE="JavaScript">

　　<!--

　　function openwin() {

　　window.open ("page.html", "newwindow", "height=100,
width=100, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no,
location=n o, status=no")　//写成一行

　　window.open ("page2.html", "newwindow2", "height=100,
width=100, top=1 00, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no,
loca tion=no, status=no")　//写成一行

　　}

　　//-->

　　</script>


　　为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可 。最后用上面说过的四种方法调用即可。

 　　注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。
5、主窗口打开文件1.htm，同时弹出小窗口page.html

　　如下代码加入主窗口区：

　　<script language="javascript">

　　<!--

　　function openwin() {

　　window.open("page.html","","width=200,height=200")


　　}

　　//-->

　　</script>


　　加入<body>区：
　　<a href="1.htm" onclick="openwin()">open</a>即可。

6、弹出的窗口之定时关闭控制
　　
　　下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段 代码加入弹出的页面(注意是加入page.html的HTML中，不是主页面中)，让它10秒后自动关闭是不是更酷了？
首先，将如下代码加入page.html文件的区：

　　<script language="JavaScript">

　　function closeit()

　　{

　　setTimeout("self.close()",10000) 　//毫秒

　　}

　　</script>


　　然后，再用<body onload="closeit()"> 这一句话代替page.html中原有的<BODY>这一句就可以了。(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口。)

7、在弹出窗口中加上一个关闭按钮

　　<FORM>

　　<INPUT TYPE='BUTTON' VALUE='关闭' onClick='window.close()'>

　　</FORM>


　　呵呵，现在更加完美了！
8、内包含的弹出窗口-一个页面两个窗口

　　上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。通过下面的例子，你可以在一个页面内完成上面的效果。

　　<html>

　　<head>

　　<SCRIPT LANGUAGE="JavaScript">

　　function openwin()

　　{

　　OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no
,scrollbars="+scroll+",menubar=no");

　　//写成一行

　　OpenWindow.document.write("<TITLE>例子</TITLE>")

　　OpenWindow.document.write("<BODY BGCOLOR=#ffffff>")

　　OpenWindow.document.write("<h1>Hello!</h1>")

　　OpenWindow.document.write("New window opened!")

　　OpenWindow.document.write("</BODY>")

　　OpenWindow.document.write("</HTML>")

　　OpenWindow.document.close()

　　}

　　</SCRIPT>

　　</head>

　　<body>

　　<a href="#" onclick="openwin()">打开一个窗口</a>

　　<input type="button" onclick="openwin()" value="打开窗口">


　　</body>

　　</html>


　　看看OpenWindow.document.write()里面的代码不就是标准的HTML吗？只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用 OpenWindow.document.close()结束啊。

9、终极应用--弹出的窗口之Cookie控制

　　回想一下，上面的弹出窗口虽然酷，但是有一点小毛病，比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页)，那么每次刷新这个页面，窗口都会弹出一次，我们使用cookie来控制一下就可以了。
　　首先，将如下代码加入主页面HTML的<HEAD>区：

　　<script>

　　function openwin(){

　　window.open("page.html","","width=200,height=200")


　　}

　　function get_cookie(Name) {

　　var search = Name + "="

　　var returnvalue = "";

　　if (document.cookie.length > 0) {

　　offset = document.cookie.indexOf(search)

　　if (offset != -1) {

　　offset += search.length

　　end = document.cookie.indexOf(";", offset);

　　if (end == -1)

　　end = document.cookie.length;

　　returnvalue=unescape(document.cookie.substring(offset, end))

　　}

　　}

　　return returnvalue;

　　} 　

　　function loadpopup(){

　　if (get_cookie('popped')==''){

　　openwin()

　　document.cookie="popped=yes"

　　}

　　}

　　</script>


　　然后，用<body onload="loadpopup()">（注意不是openwin而是loadpop啊！）替换主页面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。


放水老倌 2006-09-28 20:42 发表评论
]]>JavaScript与浏览器的兼容性http://www.blogjava.net/zqli/archive/2006/09/26/71910.html放水老倌放水老倌Tue, 26 Sep 2006 02:20:00 GMThttp://www.blogjava.net/zqli/archive/2006/09/26/71910.htmlhttp://www.blogjava.net/zqli/comments/71910.htmlhttp://www.blogjava.net/zqli/archive/2006/09/26/71910.html#Feedback0http://www.blogjava.net/zqli/comments/commentRss/71910.htmlhttp://www.blogjava.net/zqli/services/trackbacks/71910.html       如果使用appendChild将<tr>元素直接增加到<table>中，则在IE中这一行并不出现，但在其他浏览器中却会显示出来。对此的解决之道是，将<tr>元素增加到表的<tbody>元素中，这种解决办法在所有浏览器中都能正确工作。
       关于setAttribute方法，IE也有麻烦。IE不能使用setAttribute正确地设置class属性。对此有一个跨流露那器的解决方法，即同时使用setAttribute("class","newClassName")和setAttribute("className","newClassName")。另外，在IE中不能使用setAttribute设置style属性。最能保证浏览器兼容的技术不是<elemet>.setAttribute("style',"font-weight:bold;")，而是<element>.style.cssText="font-weight:bold;"。
       如果数据处理不改变数据模型的状态，HTML使用规约理论上推荐采用GET方法，从这可以看出，获取数据时应当使用GET方法。如果因为存储、更新数据，或者发送了电子邮件，操作改变了数据模型的状态，这时建议使用POST方法。
       串连接创建XML，因为对于从头构建文档对象，目前还没有跨浏览器的技术。
      XMLHttpRequest对象只能访问发起文档（即调用脚本）所在域中的资源。如果试图访问其他域的资源，可能因为浏览器的安全限制而失败。浏览器实现安全沙箱的方式各有不同。IE会询问用户是否允许访问另一个域中的资源。FireFox则会报告错误，自动失败，虽然可以用专用于FireFox的JavaScript代码避免这种行为。另一种解决方法：“网关”。

放水老倌 2006-09-26 10:20 发表评论
]]>notice <pre></pre> http://www.blogjava.net/zqli/archive/2006/04/21/42274.html放水老倌放水老倌Fri, 21 Apr 2006 02:29:00 GMThttp://www.blogjava.net/zqli/archive/2006/04/21/42274.htmlhttp://www.blogjava.net/zqli/comments/42274.htmlhttp://www.blogjava.net/zqli/archive/2006/04/21/42274.html#Feedback0http://www.blogjava.net/zqli/comments/commentRss/42274.htmlhttp://www.blogjava.net/zqli/services/trackbacks/42274.html

放水老倌 2006-04-21 10:29 发表评论
]]>