• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
初出茅庐
我的技术之路....每天前进一小步
博客园    首页    新随笔    联系   管理    订阅  订阅

JS 其他

画图:  
  <OBJECT    
  id=S    
  style="LEFT:   0px;   WIDTH:   392px;   TOP:   0px;   HEIGHT:   240px"    
  height=240    
  width=392    
  classid="clsid:369303C2-D7AC-11D0-89D5-00A0C90833E6">  
  </OBJECT>  
  <SCRIPT>  
  S.DrawingSurface.ArcDegrees(0,0,0,30,50,60);  
  S.DrawingSurface.ArcRadians(30,0,0,30,50,60);  
  S.DrawingSurface.Line(10,10,100,100);  
  </SCRIPT>

 

 

写注册表:  
  <SCRIPT>  
  var   WshShell   =   WScript.CreateObject("WScript.Shell");  
  WshShell.RegWrite   ("HKCU\\Software\\ACME\\FortuneTeller\\",   1,   "REG_BINARY");  
  WshShell.RegWrite   ("HKCU\\Software\\ACME\\FortuneTeller\\MindReader",   "Goocher!",   "REG_SZ");  
  var   bKey   =         WshShell.RegRead   ("HKCU\\Software\\ACME\\FortuneTeller\\");  
  WScript.Echo   (WshShell.RegRead   ("HKCU\\Software\\ACME\\FortuneTeller\\MindReader"));  
  WshShell.RegDelete   ("HKCU\\Software\\ACME\\FortuneTeller\\MindReader");  
  WshShell.RegDelete   ("HKCU\\Software\\ACME\\FortuneTeller\\");  
  WshShell.RegDelete   ("HKCU\\Software\\ACME\\");  
  </SCRIPT>   
 

 

TABLAE相关(客户端动态增加行列)  
  <HTML>  
  <SCRIPT   LANGUAGE="JScript">  
  function   numberCells()   {  
          var   count=0;  
          for   (i=0;   i   <   document.all.mytable.rows.length;   i++)   {  
                  for   (j=0;   j   <   document.all.mytable.rows(i).cells.length;   j++)   {  
                          document.all.mytable.rows(i).cells(j).innerText   =   count;  
                          count++;  
                  }  
          }  
  }  
  </SCRIPT>  
  <BODY   onload="numberCells()">  
  <TABLE   id=mytable   border=1>  
  <TR><TH>&nbsp;</TH><TH>&nbsp;</TH><TH>&nbsp;</TH><TH>&nbsp;</TH></TR>  
  <TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>  
  <TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>  
  </TABLE>  
  </BODY>  
  </HTML>

 

加sp1后还能用的无边框窗口!!  
  <HTML   XMLNS:IE>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
  <IE:Download   ID="include"   STYLE="behavior:url(#default#download)"   />  
  <title>Chromeless   Window</title>  
   
  <SCRIPT   LANGUAGE="JScript">  
  /*---   Special   Thanks   For   andot   ---*/  
   
  /*  
    This   following   code   are   designed   and   writen   by   Windy_sk   <seasonx@163.net>  
    You   can   use   it   freely,   but   u   must   held   all   the   copyright   items!  
  */  
   
  /*---   Thanks   For   andot   Again   ---*/  
   
  var   CW_width =   400;  
  var   CW_height =   300;  
  var   CW_top =   100;  
  var   CW_left =   100;  
  var   CW_url =   "/";  
  var   New_CW =   window.createPopup();  
  var   CW_Body =   New_CW.document.body;  
  var   content =   "";  
  var   CSStext =   "margin:1px;color:black;   border:2px   outset;border-style:expression(onmouseout=onmouseup=function(){this.style.borderStyle='outset'},   onmousedown=function(){if(event.button!=2)this.style.borderStyle='inset'});background-color:buttonface;width:16px;height:14px;font-size:12px;line-height:11px;cursor:Default;";  
   
  //Build   Window  
  include.startDownload(CW_url,   function(source){content=source});  
   
  function   insert_content(){  
  var   temp   =   "";  
  CW_Body.style.overflow =   "hidden";  
  CW_Body.style.backgroundColor =   "white";  
  CW_Body.style.border =     "solid   black   1px";  
  content   =   content.replace(/<a   ([^>]*)>/g,"<a   onclick='parent.open(this.href);return   false'   $1>");  
  temp   +=   "<table   width=100%   height=100%   cellpadding=0   cellspacing=0   border=0>";  
  temp   +=   "<tr   style=';font-size:12px;background:#0099CC;height:20;cursor:default'   ondblclick=\"Max.innerText=Max.innerText=='1'?'2':'1';parent.if_max=!parent.if_max;parent.show_CW();\"   onmouseup='parent.drag_up(event)'   onmousemove='parent.drag_move(event)'   onmousedown='parent.drag_down(event)'   onselectstart='return   false'   oncontextmenu='return   false'>";  
  temp   +=   "<td   style='color:#ffffff;padding-left:5px'>Chromeless   Window   For   IE6   SP1</td>";  
  temp   +=   "<td   style='color:#ffffff;padding-right:5px;'   align=right>";  
  temp   +=   "<span   id=Help     onclick=\"alert('Chromeless   Window   For   IE6   SP1     -     Ver   1.0\\n\\nCode   By   Windy_sk\\n\\nSpecial   Thanks   For   andot')\"   style=\""+CSStext+"font-family:System;padding-right:2px;\">?</span>";  
  temp   +=   "<span   id=Min       onclick='parent.New_CW.hide();parent.blur()'   style=\""+CSStext+"font-family:Webdings;\"   title='Minimum'>0</span>";  
  temp   +=   "<span   id=Max       onclick=\"this.innerText=this.innerText=='1'?'2':'1';parent.if_max=!parent.if_max;parent.show_CW();\"   style=\""+CSStext+"font-family:Webdings;\"   title='Maximum'>1</span>";  
  temp   +=   "<span   id=Close   onclick='parent.opener=null;parent.close()'   style=\""+CSStext+"font-family:System;padding-right:2px;\"   title='Close'>x</span>";  
  temp   +=   "</td></tr><tr><td   colspan=2>";  
  temp   +=   "<div   id=include   style='overflow:scroll;overflow-x:hidden;overflow-y:auto;   HEIGHT:   100%;   width:"+CW_width+"'>";  
  temp   +=   content;  
  temp   +=   "</div>";  
  temp   +=   "</td></tr></table>";  
  CW_Body.innerHTML   =   temp;  
  }  
   
  setTimeout("insert_content()",1000);  
   
  var   if_max   =   true;  
  function   show_CW(){  
  window.moveTo(10000,   10000);  
  if(if_max){  
  New_CW.show(CW_top,   CW_left,   CW_width,   CW_height);  
  if(typeof(New_CW.document.all.include)!="undefined"){  
  New_CW.document.all.include.style.width   =   CW_width;  
  New_CW.document.all.Max.innerText   =   "1";  
  }  
   
  }else{  
  New_CW.show(0,   0,   screen.width,   screen.height);  
  New_CW.document.all.include.style.width   =   screen.width;  
  }  
  }  
   
  window.onfocus     =   show_CW;  
  window.onresize   =   show_CW;  
   
  //   Move   Window  
  var   drag_x,drag_y,draging=false  
   
  function   drag_move(e){  
  if   (draging){  
  New_CW.show(e.screenX-drag_x,   e.screenY-drag_y,   CW_width,   CW_height);  
  return   false;  
  }  
  }  
   
  function   drag_down(e){  
  if(e.button==2)return;  
  if(New_CW.document.body.offsetWidth==screen.width   &&   New_CW.document.body.offsetHeight==screen.height)return;  
  drag_x=e.clientX;  
  drag_y=e.clientY;  
  draging=true;  
  e.srcElement.setCapture();  
  }  
   
  function   drag_up(e){  
  draging=false;  
  e.srcElement.releaseCapture();  
  if(New_CW.document.body.offsetWidth==screen.width   &&   New_CW.document.body.offsetHeight==screen.height)   return;  
  CW_top     =   e.screenX-drag_x;  
  CW_left   =   e.screenY-drag_y;  
  }  
   
  </SCRIPT>  
  </HTML>  

 

 

自由编辑表格的小例子

<HTML>  
  <HEAD>  
  <META   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
  <TITLE>测试修改表格</TITLE>  
  <STYLE>  
  /*提示层的样式*/  
  div  
  {  
      BORDER-RIGHT:   #80c144   1px   solid;  
      BORDER-TOP:   #80c144   1px   solid;  
      VISIBILITY:   hidden;  
      BORDER-LEFT:   #80c144   1px   solid;  
      CURSOR:   default;  
      LINE-HEIGHT:   20px;  
      BORDER-BOTTOM:   #80c144   1px   solid;  
      FONT-FAMILY:   宋体;  
      font-size:12px;  
      POSITION:   absolute;  
      BACKGROUND-COLOR:   #f6f6f6;  
      TOP:30px;  
      LEFT:30px;  
  }  
  /*tr的样式*/  
  tr  
  {  
          font-family:   "宋体";  
          color:   #000000;  
          background-color:   #C1DBF5;  
          font-size:   12px  
  }  
  /*table脚注样式*/  
  .TrFoot  
  {  
          FONT-SIZE:   12px;  
          font-family:"宋体",   "Verdana",   "Arial";  
          BACKGROUND-COLOR:   #6699CC;  
          COLOR:#FFFFFF;  
          height:   25;  
  }  
  /*trhead属性*/  
  .TrHead  
  {  
          FONT-SIZE:   13px;  
          font-family:"宋体",   "Verdana",   "Arial";  
          BACKGROUND-COLOR:   #77AADD;  
          COLOR:#FFFFFF;  
          height:   25;  
  }  
  /*文本框样式*/  
  INPUT  
  {  
          BORDER-COLOR:   #AACEF7   #AACEF7   #AACEF7   #AACEF7;  
          BORDER-RIGHT:   1px   solid;  
          BORDER-TOP:   1px   solid;  
          BORDER-LEFT:   1px   solid;  
          BORDER-BOTTOM:   1px   solid;  
          FONT-SIZE:   12px;  
          FONT-FAMILY:   "宋体","Verdana";  
          color:   #000000;  
          BACKGROUND-COLOR:   #E9EFF5;  
  }  
  /*button样式*/  
  button  
  {  
          BORDER-COLOR:   #AACEF7   #AACEF7   #AACEF7   #AACEF7;  
          BACKGROUND-COLOR:   #D5E4F3;  
          CURSOR:   hand;  
          FONT-SIZE:12px;  
          BORDER-RIGHT:   1px   solid;  
          BORDER-TOP:   1px   solid;  
          BORDER-LEFT:   1px   solid;  
          BORDER-BOTTOM:   1px   solid;  
          COLOR:   #000000;  
  }  
  </STYLE>  
  </HEAD>  
  <BODY>  
  <SCRIPT   language   =   "JavaScript">  
  <!--全局变量  
  //标志位,值为false代表未打开一个编辑框,值为true为已经打开一个编辑框开始编辑  
  var   editer_table_cell_tag   =   false;  
  //开启编辑功能标志,值为true时为允许编辑  
  var   run_edit_flag   =   false;  
  //-->  
  </SCRIPT>  
   
  <SCRIPT   language   =   "JavaScript">  
  <!--  
  /**  
    *   编辑表格函数  
    *   单击某个单元格可以对里面的内容进行自由编辑  
    *   @para   tableID   为要编辑的table的id  
    *   @para   noEdiID   为不要编辑的td的ID,比如说table的标题  
    *   可以写为<TD   id="no_editer">自由编辑表格</TD>  
    *   此时该td不可编辑  
    */  
  function   editerTableCell(tableId,noEdiId)  
  {  
  var   tdObject   =   event.srcElement;  
  var   tObject   =   ((tdObject.parentNode).parentNode).parentNode;  
  if(tObject.id   ==   tableId   &&tdObject.id   !=   noEdiId&&editer_table_cell_tag   ==   false   &&   run_edit_flag   ==   true)  
  {  
  tdObject.innerHTML   =   "<input   type=text   id=edit_table_txt   name=edit_table_txt   value="+tdObject.innerText+"   size='15'   onKeyDown='enterToTab()'>     <input   type=button   value='   确定   '   onclick='certainEdit()'>";  
  edit_table_txt.focus();  
  edit_table_txt.select();  
  editer_table_cell_tag   =   true;  
  //修改按钮提示信息  
  editTip.innerText   =   "请先点确定按钮确认修改!";  
  }  
  else  
  {  
  return   false;  
  }  
  }  
   
  /**  
    *   确定修改  
    */  
  function   certainEdit()  
  {  
  var   bObject   =   event.srcElement;  
  var   tdObject   =   bObject.parentNode;  
  var   txtObject   =   tdObject.firstChild;  
  tdObject.innerHTML   =   txtObject.value;  
  //代表编辑框已经关闭  
  editer_table_cell_tag   =   false;  
  //修改按钮提示信息  
  editTip.innerText   =   "请单击某个单元格进行编辑!";  
  }  
   
  function   enterToTab()  
  {  
          if(event.srcElement.type   !=   'button'   &&   event.srcElement.type   !=   'textarea'  
                &&   event.keyCode   ==   13)  
          {  
                  event.keyCode   =   9;  
          }  
  }  
   
  /**  
    *   控制是否编辑  
    */  
  function   editStart()  
  {  
  if(event.srcElement.value   ==   "开始编辑")  
  {  
  event.srcElement.value   =   "编辑完成";  
  run_edit_flag   =   true;  
  }  
  else  
  {  
  //如果当前没有编辑框,则编辑成功,否则,无法提交  
  //必须按确定按钮后才能正常提交  
  if(editer_table_cell_tag   ==   false)  
  {  
  alert("编辑成功结束!");  
  event.srcElement.value   =   "开始编辑";  
  run_edit_flag   =   false;  
  }  
  }  
  }  
   
  /**  
    *   根据不同的按钮提供不同的提示信息  
    */  
  function   showTip()  
  {  
  if(event.srcElement.value   ==   "编辑完成")  
  {  
  editTip.style.top   =   event.y   +   15;  
  editTip.style.left   =   event.x   +   12;  
  editTip.style.visibility   =   "visible";  
  }  
  else  
  {  
  editTip.style.visibility   =   "hidden";  
  }  
  }  
  -->  
  </SCRIPT>  
  <TABLE   id="editer_table"   width="100%"   align="center"    
        onclick="editerTableCell('editer_table','no_editer')">      
          <TR   class="TrHead">  
  <TD   colspan="3"   align="center"   id="no_editer">自由编辑表格</TD>  
  </TR>  
  <TR>  
  <TD   width="33%">单击开始编辑按钮,然后点击各单元格编辑</TD>  
  <TD   width="33%">2</TD>  
  <TD   width="33%">3</TD>  
  </TR>  
  <TR>  
  <TD   width="33%">4</TD>  
  <TD   width="33%">5</TD>  
  <TD   width="33%">6</TD>  
  </TR>  
  <TR>  
  <TD   width="33%">one</TD>  
  <TD   width="33%">two</TD>  
  <TD   width="33%">three</TD>  
  </TR>  
  <TR>  
  <TD   width="33%">four</TD>  
  <TD   width="33%">five</TD>  
  <TD   width="33%">six</TD>  
  </TR>  
          <TR   class="TrFoot">  
  <TD   colspan="3"   align="center"   id="no_editer">  
  <INPUT   type="button"   class="bt"   value="开始编辑"   onClick="editStart()"   onMouseOver="showTip()"   onMouseMove="showTip()"   onMouseOut="editTip.style.visibility   =   'hidden';">  
  </TD>  
  </TR>  
  </TABLE>  
  </BODY>  
  <DIV   id="editTip">请单击某个单元格进行编辑!</DIV>    
  </HTML>  

 

 

 

posted @ 2008-10-16 21:32  Cheek G  阅读(253)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3