设为首页收藏本站订阅更新

无忧脚本

 找回密码
 加入无忧

QQ登录

只需一步,快速开始

搜索
楼主: 卫星星

[无忧经典旧帖] == 众多高手的心血集合

[复制链接]
 楼主| 发表于 2003-3-17 18:04:10 | 显示全部楼层
IE 按钮总动员


  1. <OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
  2. <input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开>
  3. <input name=Button onClick=document.all.WebBrowser.ExecWB(2,1) type=button value=关闭所有>
  4. <input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为>
  5. <input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印>
  6. <input name=Button onClick=document.all.WebBrowser.ExecWB(6,6) type=button value=直接打印>
  7. <input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=页面设置>
  8. <input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性>
  9. <input name=Button onClick=document.all.WebBrowser.ExecWB(17,1) type=button value=全选>
  10. <input name=Button onClick=document.all.WebBrowser.ExecWB(22,1) type=button value=刷新>
  11. <input name=Button onClick=document.all.WebBrowser.ExecWB(45,1) type=button value=关闭>
复制代码
 楼主| 发表于 2003-3-17 18:04:50 | 显示全部楼层
判断iframe的内容的长度而使iframe自动拉伸


  1. <body>
  2. <script>
  3. var num = 0;
  4. function add_word()
  5. {
  6.         var word = "";
  7.         
  8.         for(i=0;i<10;i++,num++)
  9.         {
  10.                 word += num + "<br>";
  11.         }
  12.         
  13.         the_frame.document.body.innerHTML += word
  14. }

  15. function change_size()
  16. {
  17.         the_table.height = the_frame.document.body.scrollHeight + 5;  //这个5 是 iframe 和 table 间 的 间隔
  18. }
  19. </script>
  20. <table id="the_table" border="0" width="100%" height="0" cellspacing="0" cellpadding="0">
  21.   <tr>
  22.     <td width="50%">
  23.             <iframe src="about:<body></body>" id="the_frame" width="100%" height="100%"></iframe>
  24.         </td>
  25.     <td width="50%" valign="middle">
  26.             <button onclick="add_word()">增加内容看看</button>
  27.             <button onclick="change_size()">增加frame的高度</button>
  28.     </td>
  29.   </tr>
  30. </table>
  31. </body>
复制代码
 楼主| 发表于 2003-3-17 18:05:31 | 显示全部楼层
DHTML和JS中页面元素的识别控制

  在动态网页制作过程中,经常需要对相应的页面元素进行相应的操作,这就需要我们能够准确的控制每一个页面元素。

  一般网页中的元素,都可以用多种方式来标识,例如可以通过上下文关系识别,或者触发元素识别,等等。

  网页中最常用的元素标识方法有三种,它们是ID、CLASS和NAME,表示给单个元素标识,而CLASS用于给同类型的命名,而NAME给一般元素命名。例如,可以在如下命名:

  <img id="pic" src="..">
  <span name="kuai"></span>
  <div class="layer"></div>

  当我们在JAVASCRIPT中调用这些元素时,就可以用document.all.pic、document.all.kuai来识别了。

  一般情况下,一个名称只用于一个元素的命名,但也不完全如此,有时候同一类型的元素要同样的效果,不仅可以用CLASS来标识,还可以用ID或者NAME标识,引用时就可以对全部同样的ID和NAME一起操作了。

  但这样就带来一个问题,如何识别其中的某一个元素。

  这种情况下的识别和单一命名识别的区别在于加上数字索引,如前面的pic也可以用document.all.pic[1]来识别,其他的就按照它们在页面中出现的顺序来用相应的数字识别。

  很多情况下,是由相应的事件触发了控制函数,我们就可能会用到引发事件的元素,这时可以用eventElement来识别,它代表的就是触发事件的哪个元素。

  同时,还可以用parentElement和childrenElement来识别触发事件元素的上级元素和下级元素。

  当用eventElement获得一个触发元素后,我们还可以获得它的标识名称。例如,用eventElement.tagName获得的是元素的HTML标识名,用eventElement.id 获得的是元素的名字,用eventElement.name获得的是元素的name名称。
 楼主| 发表于 2003-3-17 18:06:09 | 显示全部楼层
取得 textarea 输入框中 当前光标位置!


  1. <textarea rows=20 cols=80 id=show>
  2. Alpha 滤镜 : 线形 <img src=images/ad.gif style='filter: Alpha(opacity=100,finishopacity=0,style=1,startx=0,starty=0,finishx=468,finishy=60)'><br>
  3. Alpha 滤镜 :放射状<img src=images/ad.gif style='filter: Alpha(opacity=100,finishopacity=0,style=2,startx=0,starty=0,finishx=468,finishy=60)'><br>
  4. Alpha 滤镜 :长方形<img src=images/ad.gif style='filter: Alpha(opacity=100,finishopacity=0,style=3,startx=0,starty=0,finishx=468,finishy=60)'><br>
  5. <img src=images/ad.gif style='filter:blur(add=ture,direction=135,strength=100)'><br>
  6. <img src=images/ad.gif style='filter:filph'><br>
  7. <img src=images/ad.gif style='filter:filpv'><br>
  8. <img src=images/ad.gif style='filter:chroma(color=white)'><br>
  9. <p style='filter:dropshadow(color=#ff0080,offx=5,offy=5.positive=0)'>样式表滤镜实例</p><br>
  10. <img src=images/ad.gif style='filter:glow(color=blue,strength=10)'><br>
  11. <img src=images/ad.gif style='filter:gray'><br>
  12. <img src=images/ad.gif style='filter:invert'><br>
  13. <img src=images/ad.gif style='filter:xray'><br>
  14. <img src=images/ad.gif style='filter:light'><br>
  15. <img src=images/ad.gif style='filter:mask(color=white)'><br>
  16. <img src=images/ad.gif style='filter:shadow(color=red,direction=225)'><br>
  17. <img src=images/ad.gif style='filter:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)'><br>
  18. <img src=images/ad.gif style='filter:wave(add=add,freq=2,lightstrength=30,phase=50,strength=5)'><br>
  19. <img src=images/ad.gif style='filter:wave(add=add,freq=2,lightstrength=90,phase=25,strength=5)'><br>
  20. <img src=images/ad.gif style=''><br>
  21. </textarea>
  22. <input type=button value=运行代码 onclick=window.open().document.writeln(show.value)>
  23. <input type=button value=取得当前坐标 onclick='window.status=GetCursorPos(show)'>
  24. <script>
  25. function GetCursorPos(oTextArea)
  26. {
  27. var s="~!@#$%^";
  28. clipboardData.setData('text',s);
  29. oTextArea.focus();
  30. document.execCommand('paste');
  31. var ret=oTextArea.value.indexOf(s);
  32. document.execCommand('undo');
  33. if(ret==-1) GetCursorPos(oTextArea)
  34. return ret;
  35. }
  36. </script>
复制代码
 楼主| 发表于 2003-3-17 18:06:41 | 显示全部楼层
屏蔽 JS 错误


  1. <SCRIPT LANGUAGE="JavaScript">
  2. <!-- Hide

  3. function killErrors() {
  4. return true;
  5. }

  6. window.onerror = killErrors;
  7. dd
  8. // -->
  9. </SCRIPT>
复制代码
 楼主| 发表于 2003-3-17 18:07:22 | 显示全部楼层
无限树形菜单


  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML><HEAD>
  3. <META http-equiv=Content-Type content="text/html; charset=gb2312">
  4. <STYLE>.TreePoint {
  5.         BACKGROUND-POSITION: left 0%; BACKGROUND-IMAGE: url(img/point.gif); WIDTH: 22px; BACKGROUND-REPEAT: repeat-y
  6. }
  7. .TreeBgColor {
  8.         BACKGROUND-COLOR: #f1f1f1
  9. }
  10. .TreeSign {
  11.         WIDTH: 22px; CURSOR: hand
  12. }
  13. .ExplainON {
  14.         FONT-SIZE: 9pt; MARGIN: 10%; CURSOR: hand; COLOR: #000000; FONT-FAMILY: Arial; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
  15. }
  16. .ExplainOFF {
  17.         FONT-SIZE: 9pt; MARGIN: 10%; CURSOR: hand; COLOR: #000000; FONT-FAMILY: Arial; WHITE-SPACE: nowrap; TEXT-DECORATION: none
  18. }
  19. </STYLE>

  20. <META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
  21. <BODY bgColor=#f1f1f1>
  22. <SCRIPT>
  23. ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  24. // Designed By Stroll           
  25. // e-mail: csy-163@163.com
  26. //
  27. //方法说明:
  28. //
  29. //  obj = new GoodTree("obj");   开始建造菜单(obj 和括号里面的 obj 要相同)
  30. //
  31. //  obj的方法:
  32. //             obj.addTree("explain");        插入 菜单(explain 为显示的文字)
  33. //             obj.addLine("explain","url",["target"])    插入连接 (explain 为显示的文字,url是连接,target可选择,是打开方式)
  34. //             obj.addEndTree("explain")        插入 最后一个菜单(为了告诉脚本不要再加前面的“小点”,explain是显示的文字)
  35. //
  36. //
  37. //             obj.endTree("the_obj");      清理 刚才生成菜单的 “容器”,并把那些代码 插入到 the_obj 里面
  38. //                                          the_obj 是要插入菜单 的地方的 ID 或则 文档路径 如 document.body
  39. //
  40. //
  41. //                                外观接口在 分别是:(在<style>里)
  42. //
  43. //                                .TreePoint 是显示 小点表格 的 style,url('img/point.gif'); 是图片路径,可自行修改
  44. //              .TreeBgColor 是菜单背景
  45. //              .TreeSign  是 + - 那个图片的表格 的 宽度设置
  46. //              .ExplainON .ExplainOFF   分别是 连接被点击 和不被点击 的 样式,可自行修改添加
  47. //
  48. //
  49. //
  50. //////-------------有关图片-------------//
  51. //var TreeImg = new Array();
  52. //
  53. //        TreeImg[0] = new Image();
  54. //        TreeImg[1] = new Image();
  55. //        TreeImg[2] = new Image();               
  56. //        
  57. //        TreeImg[0].src = "img/open.gif";       打开的图片
  58. //        TreeImg[1].src = "img/close.gif";       关闭的图片
  59. //        TreeImg[2].src = "img/line.gif";             连接的图片         
  60. //
  61. //
  62. //              
  63. //
  64. //
  65. //          脚本最下方有 例子  该菜单使用 多维数组 来使用
  66. //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

  67. //-------------有关图片-------------//
  68. var TreeImg = new Array();

  69.         TreeImg[0] = new Image();
  70.         TreeImg[1] = new Image();
  71.         TreeImg[2] = new Image();               
  72.         
  73.         TreeImg[0].src = "img/open.gif";
  74.         TreeImg[1].src = "img/close.gif";
  75.         TreeImg[2].src = "img/line.gif";        

  76. //-------------制造菜单--------------------//
  77. function MakeTree(newObj,oldObj,explain,num)
  78. {
  79.         if(num==0)
  80.         {
  81.                 pointClass = "";
  82.         }
  83.         if(num==1)
  84.         {
  85.                 pointClass = "TreePoint";
  86.         }

  87.         var word = '<table border="0" cellspacing="0" cellpadding="0" class="TreeBgColor">';
  88.         
  89.                 word+= '<tr>';
  90.                 word+= '<td class="TreeSign">';
  91.                 word+= '<img border="0" src="'+TreeImg[1].src+'" id="sign_'+newObj+'"  onclick="SiblingClick()">'
  92.                 word+= '</td>';
  93.                 word+= '<td>'
  94.                 word+= '<span class="ExplainOFF" onclick="TreeControl(this.value)" value="'+newObj+'"  ><nobr>'+explain+'</nobr></span>';
  95.                 word+= '</td>';
  96.                 word+= '</tr>';
  97.                 word+= '<tr style="display: none"  id="'+newObj+'">';
  98.                 word+= '<td class="'+pointClass+'"> </td> ';
  99.                 word+= '<td  valign="top" width="54" id="td_'+newObj+'"></td>';
  100.                 word+= '</tr>';
  101.                
  102.                 word+= '</table>';
  103.                
  104.                 eval(oldObj+".innerHTML+='"+ word +"'");
  105.                
  106.                 word = null;        
  107. }

  108. //-------------制造连接--------------------//
  109. function MakeLine(newObj,oldObj,explain,url,ltarget)
  110. {
  111.         
  112.         var the_target = "";
  113.         
  114.         if(ltarget&<arget!="")
  115.         {
  116.                 the_target += 'target="'+ltarget+'"';
  117.         }
  118.         


  119.         var word = '<table border="0" cellspacing="0" cellpadding="0" class="TreeBgColor">';
  120.         
  121.                 word+= '<tr>';
  122.                 word+= '<td class="TreeSign">';
  123.                 word+= '<a href="'+url+'"   '+the_target+' ><img border="0" src="'+TreeImg[2].src+'"></a>'
  124.                 word+= '</td>';
  125.                 word+= '<td>'
  126.                 word+= '<a href="'+url+'"   '+the_target+' ><span class="ExplainOFF" onclick="LineControl(this.value)"><nobr>'+explain+'</nobr></span></a>';
  127.                 word+= '</td>';
  128.                 word+= '</tr>';
  129.                 word+= '</table>';
  130.                
  131.                 eval(oldObj+".innerHTML+='"+ word +"'");
  132.                
  133.                 word = null;        
  134. }


  135. //--------- 建立 菜单 框架 对象 ----------//

  136. function GoodTree(objName)
  137. {
  138.         this.id           = "tree_"+objName;
  139.         this.obj          = objName;
  140.         this.length  = 0;
  141.         
  142.         this.addTree = addTree;
  143.         this.addLine = addLine;
  144.         
  145.         this.addEndTree = addEndTree;
  146.         
  147.         this.endTree = endTree;
  148.         
  149.         document.body.innerHTML += '<div id="stage_'+this.id+'" style="display: none"><table border="0" cellspacing="0" cellpadding="0" class="TreeBgColor"><tr><td id="td_'+this.id+'"></td></tr></table></div>';
  150. }

  151. //-----------建立 子菜单 对象 ---------//

  152. function SubTree(objName,objID)
  153. {
  154.         this.obj = objName;
  155.         this.id  = objID;

  156.         this.addTree = addTree;
  157.         this.addLine = addLine;
  158.         
  159.         this.addEndTree = addEndTree;
  160.         
  161.         this.length  = 0;
  162. }

  163. //---------- 菜单 方法 addTree ------------//

  164. function addTree(explain)
  165. {
  166.         var subID    = this.id + "_" + this.length;
  167.         var subObj  = this.obj+"["+this.length+"]";
  168.         
  169.         var oldID  = "td_"+ this.id;

  170.         eval(subObj+"= new SubTree('"+subObj+"','"+subID+"')");
  171.         
  172.          MakeTree(subID,oldID,explain,1);
  173.          
  174.          this.length++;

  175. }

  176. //---------- 菜单 方法 addEndTree ------------//

  177. function addEndTree(explain)
  178. {

  179.         var subID    = this.id + "_" + this.length;
  180.         var subObj  = this.obj+"["+this.length+"]";
  181.         
  182.         var oldID  = "td_"+ this.id;

  183.         eval(subObj+"= new SubTree('"+subObj+"','"+subID+"')");
  184.         
  185.          MakeTree(subID,oldID,explain,0);
  186.          
  187.          this.length++;
  188. }

  189. //----------- 菜单 方法 addLine -----------//

  190. function addLine(explain,url,target)
  191. {
  192.         var subID    = this.id + "_" + this.length;
  193.         var oldID  = "td_"+ this.id;
  194.         
  195.          MakeLine(subID,oldID,explain,url,target);
  196.          
  197.          this.length++;        
  198. }


  199. //--------- 完成 菜单 和 消去 变量和 源蓝图 并且输出  -------------//

  200. function endTree(place)
  201. {        

  202.         var the_stage = eval("stage_"+ this.id);
  203.         var obj = eval(place);
  204.         
  205.         obj.innerHTML += the_stage.innerHTML;
  206.         
  207.         document.getElementById("stage_"+ this.id).outerHTML ="";
  208.         
  209.         eval(this.obj+"=null");
  210.         
  211. }

  212. //-----------菜单的 隐藏 和显示 ------------//

  213. var temp_tree_index = null;   //纪录点击的TD的 sourceIndex

  214. function TreeControl(obj)
  215. {
  216.         var tr_obj = eval(obj);
  217.         var sign_obj = eval("sign_"+obj);
  218.                
  219.         if(temp_tree_index)
  220.         {
  221.                 document.all(temp_tree_index).className = "ExplainOFF"
  222.         }
  223.         
  224.         event.srcElement.className = "ExplainON";
  225.         
  226.         temp_tree_index = event.srcElement.sourceIndex;
  227.         
  228.         if(tr_obj.style.display=="none")
  229.         {
  230.                 tr_obj.style.display = "block";
  231.                 sign_obj.src         = TreeImg[0].src;
  232.                
  233.                 return;
  234.         }
  235.         if(tr_obj.style.display=="block")
  236.         {
  237.                 tr_obj.style.display = "none";
  238.                 sign_obj.src         = TreeImg[1].src;
  239.                
  240.                 return;
  241.         }
  242.         
  243. }

  244. //-----------Line的 方法 ------------//


  245. function LineControl()
  246. {
  247.         if(temp_tree_index)
  248.         {
  249.                 document.all(temp_tree_index).className = "ExplainOFF"
  250.         }
  251.         
  252.         event.srcElement.className = "ExplainON";
  253.         
  254.         temp_tree_index = event.srcElement.sourceIndex;
  255. }


  256. //------------Sign TD的方法----------------//
  257. function SiblingClick()
  258. {
  259.         event.srcElement.parentElement.nextSibling.firstChild.click();
  260. }



  261. //--------------下面是 应用 例子 ----------------//


  262. var One = new GoodTree("One");   //建立 一个菜单 One

  263.         One.addTree("One_0");     //插入 显示为 One_0 的菜单 同时生成 One[0] 下级菜单 对象
  264.                
  265.                 One[0].addTree("One_0_0");    //下级菜单One[0]  插入 菜单 One_0_0  同时生成 One[0][0]               
  266.                         One[0][0].addEndTree("One_0_0_0");
  267.                                 One[0][0][0].addLine("One_0_0_0","javascript:;");
  268.                         
  269.                 One[0].addTree("One_0_1");                // One[0] 插入 菜单 One_0_1 同时生成 One[0][1];
  270.                         One[0][1].addLine("One_0_1_0","javascript:;"); //One[0][1] 插入连接 One_0_1_0 路径:javascript:; 不输入target
  271.                
  272.                 One[0].addEndTree("One_O_2");               
  273.                         One[0][2].addEndTree("One_0_2_0");
  274.                                 One[0][2][0].addLine("One_0_2_0","javascript:;");
  275.                         
  276.         One.addTree("One_1");               //输入无点 菜单 One_1        
  277.                 One[1].addTree("One_1_0");
  278.                         One[1][0].addLine("One_1_0_0","javascript:;");
  279.                         
  280.                 One[1].addLine("One_1_1","####","_blank");
  281.                 One[1].addTree("One_1_2");
  282.                         One[1][2].addLine("One_1_2_0","javascript:;");               
  283.                 One[1].addLine("One_1_3","javascript:;");
  284.                
  285.         One.addLine("One_2","javascript:;","_self");
  286.                
  287.         One.endTree("document.body");
  288. </SCRIPT>
  289. </BODY></HTML>
复制代码
 楼主| 发表于 2003-3-17 18:07:55 | 显示全部楼层
IP 地址输入框


  1. <style>
  2. div.IPDiv{background:#ffffff;width:120;font-size:9pt;text-align:center;border:2 ridge threedshadow;border-right:inset threedhighlight;border-bottom:inset threedhighlight;
  3. }
  4. input.IPInput{width:24;font-size:9pt;text-align:center;border-width:0;
  5. }
  6. </style>
  7. <script language="JScript" for="document" event="onkeydown">
  8. if(event.keyCode==13)event.keyCode=9;
  9. </script>
  10. <script language="JScript">
  11. var IPlikeInputStr=[];
  12. for(var i=0;i<4;i++)IPlikeInputStr[i]="<input class=IPInput name=IPInput type=text size=3 maxlength=3 onkeydown='if(event.srcElement.value.length==3||event.keyCode==39)event.keyCode=9'>"+(i==3?"":".");
  13. document.write("<div class=IPDiv>"+IPlikeInputStr.join("")+"</div>");
  14. </script>
复制代码
 楼主| 发表于 2003-3-17 18:08:34 | 显示全部楼层
饼图


  1. <HTML>
  2. <HEAD>
  3. <TITLE>饼图</TITLE>
  4. <script>
  5. function DrawPieChart()
  6. {
  7.         var totalvalue = value1.value/360 + value2.value/360 + value3.value/360 + value4.value/360;
  8.         var per1 = value1.value/totalvalue;
  9.         var per2 = value2.value/totalvalue;
  10.         var per3 = value3.value/totalvalue;
  11.         var per4 = value4.value/totalvalue;

  12.         var per12 = per1 + per2;
  13.         var per123 = per1 + per2 + per3;

  14. Chart.innerHTML = "<OBJECT ID='PieChart' CLASSID='CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6' STYLE='position:relative;top:0;left:0;width:400;height:400'><PARAM NAME='Line0001' ALUE='SetLineColor(255, 0, 127)'><PARAM NAME='Line0002' VALUE='SetFillStyle(1)'><PARAM NAME='Line0003' VALUE='SetFillColor(0, 255, 80)'><PARAM NAME='Line0004' VALUE='Pie(-100, -100, 200, 200, 0, "+ per1 +", 0)'><PARAM NAME='Line0005' VALUE='SetFillStyle(1)'><PARAM NAME='Line0006' VALUE='SetFillColor(0, 0, 255)'><PARAM NAME='Line0007' VALUE='Pie(-100, -100, 200, 200, "+ per1 + ", " + per2 + ", 0)'><PARAM NAME='Line0008' VALUE='SetFillStyle(1)'><PARAM NAME='Line0009' VALUE='SetFillColor(0, 128, 128)'><PARAM NAME='Line0010' VALUE='Pie(-100, -100, 200, 200, "+per12+","+per3+", 0)'><PARAM NAME='Line0011' VALUE='SetFillStyle(1)'><PARAM NAME='Line0012' VALUE='SetFillColor(255, 0, 0)'><PARAM NAME='Line0013' VALUE='Pie(-100, -100, 200, 200, "+per123+","+per4+", 0)'></OBJECT>"



  15. }
  16. </script>
  17. </HEAD>
  18. <BODY>
  19. <table border=1 width=100%>
  20. <tr><td id="Chart" width=50% height=400 align=center>
  21. 准备画图。。。</td>
  22. <td width=50%>
  23. <p align=center>
  24. 输入4个数<br>
  25. <input id="value1" type=text size=6 value=0>
  26. <input id="value2" type=text size=6 value=0>
  27. <input id="value3" type=text size=6 value=0>
  28. <input id="value4" type=text size=6 value=0>
  29. </p>
  30. <p align=center>
  31. <input type=button onclick="DrawPieChart()" value="画饼图">
  32. </p>
  33. </td>
  34. </tr>
  35. </table>
  36. </BODY>
  37. </HTML>
复制代码
 楼主| 发表于 2003-3-17 18:36:10 | 显示全部楼层
访问表格的每个TD


  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

  2. <html>
  3. <head>
  4.         <title>访问每个TD</title>
  5. </head>
  6. <script>
  7. function showText(){
  8.   var oTbody=table1.children.item(0);
  9.   for(var i=0;i<oTbody.children.length;i++)
  10.   {
  11.      var oTR=oTbody.children.item(i);
  12.          for(var j=0;j<oTR.children.length;j++)
  13.                   text1.value+="第"+(i+1)+"行;"+"第"+(j+1)+"列的内容是:"+oTR.children.item(j).innerHTML+"\n";
  14.   }
  15. }
  16. </script>
  17. <body>
  18. <table border="1" id="table1">
  19. <tr>
  20. <td>safssd</td>
  21. <td>asfdasdf</td>
  22. <td>asfasdfsafsad</td>
  23. </tr>
  24. <tr>
  25. <td>asdfafsda</td>
  26. <td>sdfasfasdsadf</td>
  27. <td>sdfasdfasdfasfd</td>
  28. </tr>
  29. </table>
  30. <button onclick="showText()">showText</button>
  31. <textarea id="text1" rows="10" cols="100"></textarea>
  32. </body>
  33. </html>

复制代码
 楼主| 发表于 2003-3-17 18:36:57 | 显示全部楼层
open full window -打开最大化的窗口


  1. <html>

  2. <head>
  3. <meta name="keywords" content="DHTML, window, JavaScript window, full window,full screen">
  4. <title>open full window -打开最大化的窗口</title>
  5. <link rel="stylesheet" href="../style.css" tppabs="http://java2000.wol.com.cn/java/js14/style.css"></head>

  6. <body bgcolor="#FFFFFF">
  7. <p>
  8.   <script>
  9. <!--

  10. function fullwin(){
  11. window.open("fullscreen.htm","","fullscreen,scrollbars")
  12. }
  13. //-->
  14. </script>
  15. </p>
  16. <p align="center"><font face="Arial, Helvetica, sans-serif" size="4"><b><font color="#FF0033">Open
  17.   a Full Window (IE)</font></b></font></p>
  18. <form>
  19.   <div align="center">
  20.     <input type="button" onClick="fullwin()" value="Open window" class="pt9">
  21.     <input type="button" value="返回" onClick="history.go(-1)" name="button" class="pt9">
  22.     <input type="button" name="Button" value="回到首页" onClick="javascript:top.location='../../../index.html'" class="pt9">
  23.     <input type="button" name="Button2" value="最新更新" onClick="javascript:top.location='../../navigation/newscript.htm'" class="pt9">
  24.   </div>
  25. </form>
  26. <table width="75%" border="0" align="center">
  27.   <tr bgcolor="#F3F3F3">
  28.     <td>
  29.       <p><font face="Arial, Helvetica, sans-serif">&lt;script&gt;<br>
  30.         &lt;!-- <br>
  31.         </font><font face="Arial, Helvetica, sans-serif">function fullwin(){<br>
  32.         window.open(&quot;fullscreen.htm&quot;,&quot; &quot;,&quot;fullscreen,scrollbars&quot;)<br>
  33.         }<br>
  34.         //--&gt;<br>
  35.         &lt;/script&gt;<br>
  36.         &lt;form&gt;<br>
  37.         &lt;input type=&quot;button&quot; onClick=&quot;fullwin()&quot; value=&quot;Open
  38.         window&quot;&gt;<br>
  39.         &lt;/form&gt;</font></p>
  40.       <p>说明:只有IE才适用,但是对其它的浏览器没有影响,还是打开正常的窗口。</p>
  41.       <p>关闭窗口只有用 <b><font color="#FF0033" face="Arial, Helvetica, sans-serif" size="2">ALT+F4</font></b></p>
  42.     </td>
  43.   </tr>
  44. </table>
  45. <p><!-- Click Agents Banner Code v2.3b Copyright 1999 Click Agents Corp. --> </p>
  46. <center>
  47.   <script language='javascript'>
  48. <!--
  49.   var date = new Date();
  50.   var ra = date.getTime() % 1000;
  51.   var ua = document.URL;
  52.   document.write("<iframe src='http://ads.clickagents.com/cgibin/banner.ca?nettrain." + ra + ".iframe&"+ ua +"' width=468 height=60 scrolling=no marginwidth=0 marginheight=0 frameborder=0 vspace=0 hspace=0>");
  53.   document.write("<a target='_blank' href='http://ads.clickagents.com/cgibin/click.ca?nettrain." + ra + "'>");
  54.   document.write("<img src='http://ads.clickagents.com/cgibin/banner.ca?nettrain." + ra + "' width=468 height=60 border=0></a>");
  55.   document.write("</iframe>");
  56. //-->
  57. </script>
  58.   <noscript> <a target='_blank' href="javascript:if(confirm('http://ads.clickagents.com/cgibin/click.ca?nettrain.1  \n\n这个文件不能通过 Teleport Pro 取回, 因为 地址在一个域或为它的开始地址设定的边界的外部路径上.  \n\n你想从服务器打开它吗?'))window.location='http://ads.clickagents.com/cgibin/click.ca?nettrain.1'" tppabs="http://ads.clickagents.com/cgibin/click.ca?nettrain.1">
  59.   <img src="../../../../ads.clickagents.com/cgibin/banner.ca-nettrain.1.htm" tppabs="http://ads.clickagents.com/cgibin/banner.ca?nettrain.1" width=468 height=60 border=0></a>
  60.   </noscript>
  61. </center>
  62. <div align="center"><font color="#FF0033">请抽空点击广告支持本站一下,谢谢关照!</font><!-- End Click Agents Banner Code -->
  63. </div>
  64. </body>
  65. </html>

复制代码
 楼主| 发表于 2003-3-17 18:37:34 | 显示全部楼层
auto resize 窗口自动最大化


  1. <html>
  2. <head>
  3. <title>auto resize 窗口自动最大化</title>
  4. <link rel="stylesheet" href="../style.css" tppabs="http://java2000.wol.com.cn/java/js14/style.css">
  5. <script language="JavaScript"><!--
  6. self.moveTo(0,0)
  7. self.resizeTo(screen.availWidth,screen.availHeight)
  8. //--></script>
  9. <meta name="keywords" content="window,autoresize,resize,ie,fullscreen,browser,浏览器,最大化,最大,窗口,窗口最大化">
  10. <meta name="description" content="IE浏览器窗口最大化脚本">
  11. </head>

  12. <body bgcolor="#F3F3F3">
  13. <div align="center">
  14.   <script src="http://java2000.wol.com.cn/money.js"></script>
  15. </div>
  16. <p align="center">请点击上面的广告赞助本站一下,谢谢! </p>
  17. <form>
  18.   <div align="center">
  19.     <input type="button" value="返回" onClick="history.go(-1)" name="button" class="pt9">
  20.     <input type="button" name="Button" value="回到首页" onClick="javascript:top.location='../../../index.html'" class="pt9">
  21.     <input type="button" name="Button2" value="最新更新" onClick="javascript:top.location='../../navigation/newscript.htm'" class="pt9">
  22.   </div>
  23. </form>
  24. <p align="center"><font size="3" color="#FF0000">如果你使用的浏览器是IE,此时窗口已经自动最大化了!</font><font size="3">
  25.   </font></p>

  26. <form method="post" action="">
  27.   <div align="center">
  28.     <textarea name="textfield" cols="60" rows="5" wrap="VIRTUAL" class="pt9">&lt;script language=&quot;JavaScript&quot;&gt;
  29. &lt;!--
  30. self.moveTo(0,0)
  31. self.resizeTo(screen.availWidth,screen.availHeight)
  32. //--&gt;
  33. &lt;/script&gt;</textarea>
  34.   </div>
  35. </form>
  36. <p align="center">本脚本使用了IE专用的属性参数,NS不支持该属性,但是并不影响浏览效果。<br>
  37.   <br>
  38.   <a href="autoresize3.htm" tppabs="http://java2000.wol.com.cn/java/js14/autoresize2/autoresize3.htm">另外一种思路===》</a> </p>
  39. <p align="center">
  40.   <script language="JavaScript" src="../../../ad.js"></script>
  41. </p>
  42. </body>
  43. </html>



复制代码
 楼主| 发表于 2003-3-17 18:38:21 | 显示全部楼层
首页最大化


  1. <html>
  2. <head>
  3. <title>首页最大化</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  5. <link rel="stylesheet" href="../style.css" tppabs="http://java2000.wol.com.cn/java/js14/style.css">
  6. <meta name="keywords" content="window,autoresize,resize,fullscreen,browser,浏览器,最大化,最大,窗口,窗口最大化">
  7. <meta name="description" content="浏览器窗口最大化脚本">
  8. </head>

  9. <body bgcolor="#FFFFFF">
  10. <center>
  11.   <p><a href="javascript:if(confirm('http://asiafriendfinder.com/go/p13419  \n\n这个文件不能通过 Teleport Pro 取回, 因为 地址在一个域或为它的开始地址设定的边界的外部路径上.  \n\n你想从服务器打开它吗?'))window.location='http://asiafriendfinder.com/go/p13419'" tppabs="http://asiafriendfinder.com/go/p13419" target=_blank> <img src="../../../images/ad/gb03.gif" tppabs="http://java2000.wol.com.cn/images/ad/gb03.gif" width=468 height=60 border=0></a>
  12.     <br>
  13.     加入 <a href="javascript:if(confirm('http://asiafriendfinder.com/go/p13419  \n\n这个文件不能通过 Teleport Pro 取回, 因为 地址在一个域或为它的开始地址设定的边界的外部路径上.  \n\n你想从服务器打开它吗?'))window.location='http://asiafriendfinder.com/go/p13419'" tppabs="http://asiafriendfinder.com/go/p13419" target=_blank>亚洲交友中心</a>
  14.     - 最大亚洲个人交友中心网站!既交友又赚钱。 </p>
  15.   <form>
  16.     <div align="center">
  17.       <input type="button" value="返回" onClick="history.go(-1)" name="button" class="pt9">
  18.       <input type="button" name="Button" value="回到首页" onClick="javascript:top.location='../../../index.html'" class="pt9">
  19.       <input type="button" name="Button2" value="最新更新" onClick="javascript:top.location='../../navigation/newscript.htm'" class="pt9">
  20.     </div>
  21.   </form>
  22.   <p> <font size="3" color="#FF0033"> 首页窗口自动最大化</font></p>
  23.   <table width="75%" border="0">
  24.     <tr bgcolor="#F3F3F3">
  25.       <td>
  26.         <p>首页的全屏化,这个问题与许多人交流过,目前为止没有找到更的方法,因为页面只显示标题栏,其余的都去掉。这对于弹出窗口非常容易实现,用window.opwn即可(本站教学有详细论述,不在此废话)。</p>
  27.         <p> 其实如果非得实现首页的最大化,也可以作到,用js 写一个语句作为过度,实际上还是弹出一个新的窗口。<br>
  28.         </p>
  29.         <p>代码如下:<br>
  30.           <font face="Arial, Helvetica, sans-serif">&lt;body onload=window.open('123.htm','mywindow','width='+screen.width+',height='+screen.height<br>
  31.           +',top=0,left=0')&gt;&lt;/body&gt; </font></p>
  32.         <p>当然会产生2个窗口,一个是真正打开的123.htm。另一个是过度页面,如果遇到稍微聪明一点的人,只要看看空页面的源代码,就知道打开的是什么页面了?</p>
  33.         <p>用一个小技巧,可以不让它们看到。再用一个<font face="Arial, Helvetica, sans-serif">document.write</font>语句随便写一点东西到空页面中。这样做:<br>
  34.           <font face="Arial, Helvetica, sans-serif">&lt;body onload=window.open('123.htm','mywindow','width='+screen.width+',height='+screen.height<br>
  35.           +',top=0,left=0');document.write('he..he..he')&gt;&lt;/body&gt;</font><br>
  36.           即可,看到的仅仅是he...he...he...(假的页面)</p>
  37.         <p>注意:要写在一行。</p>
  38.         <p align="center">如果您有更好的思路,请来信告诉我。<a href="mailto:kingy&#97;ng&#64;&#49;&#50;&#54;&#46;&#99;om"><font face="Arial, Helvetica, sans-serif" size="3">kingy&#97;ng&#64;&#49;&#50;&#54;&#46;&#99;om</font></a>
  39.         </p>
  40.       </td>
  41.     </tr>
  42.   </table>
  43.   <p>
  44.     <script language="JavaScript" src="../../../ad.js"></script>
  45.   </p>
  46.   <p>&nbsp;</p>
  47.   <p>&nbsp; </p>
  48. </center>
  49. </body>
  50. </html>

复制代码
 楼主| 发表于 2003-3-17 18:39:01 | 显示全部楼层
微软风格的按钮


  1. <html>

  2. <head>
  3. <style>

  4. .button2
  5. {
  6. border-right:1px solid buttonhighlight;
  7. border-left:1px solid buttonshadow;
  8. border-bottom:1px solid buttonhighlight;
  9. border-top:1px solid buttonshadow
  10. }

  11. TD
  12. {
  13. cursor: hand; font-size: 9pt; font-family: 宋体; text-align: center; text-valign: middle
  14. }

  15. .handin
  16. {
  17. height:18px;
  18. width:2px;
  19. border-left:1px solid buttonshadow;
  20. border-right:1px solid buttonhighlight
  21. }

  22. .handout
  23. {
  24. height:18px;
  25. width:2px;
  26. border-left:1px solid buttonhighlight;
  27. border-right:1px solid buttonshadow;
  28. }
  29. .into
  30. {
  31. width:100%;
  32. border-right:1px solid buttonhighlight;
  33. border-left:1px solid buttonshadow;
  34. border-bottom:1px solid buttonhighlight;
  35. border-top:1px solid buttonshadow
  36. }

  37. .outto,.button1
  38. {
  39. background-color: buttonface;
  40. background-repeat: repeat;
  41. background-attachment: scroll;
  42. border-left: 1px solid buttonhighlight;
  43. border-right: 1px solid buttonshadow;
  44. border-top: 1px solid buttonhighlight;
  45. border-bottom: 1px solid buttonshadow;
  46. background-position: 0%"
  47. }

  48. .button0
  49. {

  50. }


  51. </style>
  52. </head>

  53. <body topmargin="0" leftmargin="0" bgcolor="#E0E0E0">
  54. <script>
  55. function change_button(num)
  56. {
  57. if(event.srcElement.tagName=="TD"&&event.srcElement.value=="button")
  58. event.srcElement.className = "button"+num;
  59. }
  60. </script>

  61. <div class="into" style="width: 100%; height: 25">
  62. <table class="outto" border="0" width="100%" height="25" cellspacing="1" onmouseover="change_button(1)" onmouseup="change_button(0)" onmousedown="change_button(2)" onmouseout="change_button(0)">
  63. <tr>
  64. <td width="1%" height="19"><span class="handout"></span></td>
  65. <td width="9%" height="19" value="button">按钮TD</td>
  66. <td width="1%" height="19"><span class="handin"></span></td>
  67. <td width="9%" height="19" value="button">按钮TD</td>
  68. <td width="1%" height="19"><span class="handin"></span></td>
  69. <td width="9%" height="19" value="button">按钮TD</td>
  70. <td width="1%" height="19"><span class="handin"></span></td>
  71. <td width="69%" height="19"></td>
  72. </tr>
  73. </table>


  74. </div>

  75. </body>
  76. </html>

复制代码
 楼主| 发表于 2003-3-17 18:39:38 | 显示全部楼层
组合框(可以编辑的Select)




  1. <head>
  2. <style>
  3. <!--
  4. .cls1 { position:absolute; left:250px; top:89px; width:216px; height:72px; z-index:1; }
  5. .cls2 { position:absolute; left:250px; top:89px; width:95px; height:18px; z-index:2 }
  6. input { font-size: 12px; padding-top: 2px; padding-left: 2px;width:127;}
  7. //-->
  8. </style>
  9. </head>
  10. <script>
  11. <!--
  12. function addOption(pos){

  13.         if(event.keyCode==13)
  14.         {
  15.                 var select_obj = document.getElementById("myselect");
  16.                 var text_value   = document.getElementById("test").value;

  17.                 if (select_obj.length)
  18.                 {
  19.                         for (var i=0;i<select_obj.length;i++)
  20.                         {
  21.                                 // 如果已经存在,不添加,直接退出
  22.                                 if (select_obj.options[i].text==text_value)
  23.                                         return false
  24.                         }
  25.                 }
  26.                 var the_option= new Option(text_value,text_value);
  27.                
  28.                 select_obj.add(the_option);

  29.                 select_obj.selectedIndex = select_obj.options.length-1
  30.         }               
  31.        
  32. }
  33. //-->
  34. </script>
  35. <div class="cls1" style="clip: rect(3 280 21 110)">
  36.   <select name="myselect" style="width:127" onchange="document.getElementById('test').value=this.value">
  37.   </select>
  38. </div>
  39. <div class="cls2">
  40. <input type="text" name="test" onkeydown="addOption()" size="20" style="width: 127; height: 23">
  41. </div>

复制代码
 楼主| 发表于 2003-3-17 18:40:10 | 显示全部楼层
在网页中播放磁盘中的.rm文件


  1. <html>

  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  4. <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
  5. <meta name="ProgId" content="FrontPage.Editor.Document">
  6. <title>New Page 2</title>
  7. </head>

  8. <body>

  9. <embed width="454" height="128" src="rtsp://real000.feifa.net:9191/real_music0/wangf_wf/wangf_wf_05.rm" id="player">
  10. <script>      
  11. function player_play()
  12. {
  13.         document.getElementById("player").DoStop();
  14.        
  15.                 var if_play = document.getElementById("rm_path").value.split(".");
  16.                
  17.                 if_play = if_play[if_play.length-1].toLowerCase();
  18.                
  19.                 if(if_play=="rm")
  20.                 {
  21.                         document.getElementById("player").SetSource(document.getElementById("rm_path").value);
  22.                         document.getElementById("player").DoPlay();
  23.                 }


  24. }
  25. </script>
  26. <p align="center">
  27. <input type="file" id="rm_path" size="20">
  28. <br>
  29. <input type="button" value="播 放" onclick="player_play()">
  30. </p>


  31. </body>

  32. </html>



复制代码
 楼主| 发表于 2003-3-17 18:41:12 | 显示全部楼层
菜单生成脚本

这可是小逛特别精心制作的哦 一个菜单生成脚本
外观接口:


  1. <style>
  2. .menu_table {
  3. background-color: #C6CDD2;
  4. color: #000000;
  5. border: 1 solid #888888;
  6. } //这个是表格的外观

  7. //鼠标OVER 和 OUT的td 外观
  8. .menu_td_on {
  9. background-color: #CFD7EA;
  10. border: 1 solid #717685;
  11. color: #000000;
  12. cursor: hand;
  13. font-size: 9pt;
  14. text-indent: 10;
  15. width: 110;
  16. height: 18
  17. }
  18. .menu_td_off {
  19. background-color: #C6CDD2;
  20. border: 1 solid #C6CDD2;
  21. color: #000000;
  22. cursor: hand;
  23. font-size: 9pt;
  24. text-indent: 10;
  25. width: 110;
  26. height: 18
  27. }
  28. </style>

  29. 生成接口:
  30. <script>
  31. <!--
  32. var BM = new Array(); //建立一个菜单

  33. BM[0] = new Have_menu("menu_0"); //Have_menu()为有子菜单类型
  34. //建立 菜单0 menu_0 是显示的string

  35. BM[0].Additem("menu_0_0","#","");
  36. //建立 菜单0 的 子菜单 0
  37. //menu_0_0 是显示的, #是路径 第三个是target

  38. BM[0].Enditem();
  39. //子菜单输入完毕封口

  40. BM[2] = new No_menu("menu_2"); //NO_menu()没有子菜单类型
  41. //建立 菜单2 menu_2为显示的stirng

  42. End_menu();
  43. //所有的菜单都输入完毕封口(全部OK)

  44. document.body.innerHTML += Show_Good_Menu();
  45. //在需要的地方 写入this.innerHTML+=Show_Good_Menu();
  46. 就是把菜单显示在这个东东的里面

  47. //-->
  48. </script>
复制代码


方便吧? 代码如下:

  1. <html>

  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  4. <title>小逛菜单</title>
  5. <style>
  6. .menu_table {background-color: #C6CDD2; color: #000000; border: 1 solid #888888;}

  7. .menu_td_on {background-color: #CFD7EA; border: 1 solid #717685; color: #000000; cursor: hand; font-size: 9pt; text-indent: 10;  width: 110; height: 18}
  8. .menu_td_off {background-color: #C6CDD2; border: 1 solid  #C6CDD2; color: #000000 cursor: hand; font-size: 9pt;  text-indent: 10;  width: 110; height: 18}
  9. </style>
  10. </head>

  11. <body>
  12. <script>
  13. <!--
  14. //-------------  Menu Action ----------------//

  15. function off_td()
  16. {
  17.         event.srcElement.className = "menu_td_off";
  18. }
  19. function on_td()
  20. {
  21.         event.srcElement.className = "menu_td_on";
  22. }


  23. var time_num = new Array();

  24. var temp_num = null;

  25. function parent_show_son(num,l,t,w)
  26. {

  27.         clearTimeout(time_num[num]);

  28.         if(temp_num)
  29.         {
  30.                 hide_son(temp_num);
  31.         }
  32.        
  33.         with(document.getElementById("son_"+num).style)
  34.         {
  35.                 pixelLeft = l+w+10;
  36.                 pixelTop  = t+15;
  37.                 display = "block";
  38.         }       
  39.        
  40.         temp_num = num;
  41. }

  42. function parent_hide_son(num)
  43. {
  44.         time_num[num] = setTimeout("hide_son("+num+")",600);
  45. }

  46. function hide_son(num)
  47. {
  48.         document.getElementById("son_"+num).style.display = "none";       
  49. }

  50. function son_on(num)
  51. {
  52.         clearTimeout(time_num[num]);
  53. }

  54. //-------------- Make   Menu --------------//

  55.         var parent_char = '<table border="0" cellspacing="1" cellpadding="0" class="menu_table">'

  56.         var son_num = 0;
  57.         var son_menu = new Array();
  58.        
  59.         function Have_menu(word)
  60.         {
  61.                 parent_char+='<tr><td class="menu_td_off"  onmousemove="on_td();parent_show_son(this.son,this.offsetLeft,this.offsetTop,this.offsetWidth)" onmouseout="off_td();parent_hide_son(this.son)" son="'+son_num+'">'+word+'</td></tr>';
  62.                
  63.                 son_menu[son_num] = '<div id="son_'+son_num+'" style="position: absolute; top: 0; left: 0; display: none" son="'+son_num+'" onmouseover="son_on(this.son)" onmouseout="parent_hide_son(this.son)"><table border="0" cellspacing="1" cellpadding="0" class="menu_table">'
  64.                
  65.                 this.son = son_num;

  66.                
  67.                 this.Additem = Additem;
  68.                 this.Enditem = Enditem;
  69.                
  70.                 son_num++;
  71.         }
  72.        
  73.         function Additem(word,link,target)
  74.         {
  75.                 son_menu[this.son]+= '<tr><a href="'+link+'" target="'+target+'"><td  class="menu_td_off"  onmousemove="on_td()" onmouseout="off_td()">'+word+'</td></a></tr>'
  76.         }
  77.        
  78.         function Enditem()
  79.         {
  80.                 son_menu[this.son]+= '</table></div>'
  81.         }
  82.        
  83.         function No_menu(word)
  84.         {
  85.                 parent_char+='<tr><td class="menu_td_off"  onmousemove="on_td();hide_son(temp_num)" onmouseout="off_td();">'+word+'</td></tr>';
  86.         }
  87.        
  88.         function End_menu()
  89.         {
  90.                 parent_char+='</table>';
  91.                
  92.                 for(i=0;i<son_menu.length;i++)
  93.                 {
  94.                         parent_char+=son_menu[i]
  95.                        
  96.                 }
  97.         }
  98.        
  99.        
  100.         function Show_Good_Menu()
  101.         {
  102.                 return parent_char;
  103.         }
  104.        
  105. //-->       
  106. </script>

  107. <script>
  108. <!--
  109.         var BM = new Array();
  110.        
  111.         BM[0] = new Have_menu("menu_0");
  112.        
  113.                 BM[0].Additem("menu_0_0","#","");
  114.                 BM[0].Additem("menu_0_1","#","");
  115.                 BM[0].Additem("menu_0_2","#","");               
  116.                 BM[0].Enditem();
  117.         BM[1] = new Have_menu("menu_1");
  118.        
  119.                 BM[1].Additem("menu_1_0","#","");
  120.                 BM[1].Additem("menu_1_1","#","");
  121.                 BM[1].Additem("menu_1_2","#","");               
  122.                 BM[1].Enditem();               

  123.         BM[2] = new No_menu("menu_2");
  124.        
  125.         BM[3] = new Have_menu("menu_3");
  126.        
  127.                 BM[3].Additem("menu_3_0","#","");
  128.                 BM[3].Additem("menu_3_1","#","");
  129.                 BM[3].Additem("menu_3_2","#","_blank");               
  130.                 BM[3].Enditem();               
  131.        
  132.         End_menu();
  133.        
  134.         document.body.innerHTML += Show_Good_Menu();

  135. //-->       
  136. </script>
  137. </body>



复制代码

[ 本贴由 卫星星 于 2003-3-17 18:42 最后编辑 ]
 楼主| 发表于 2003-3-17 18:44:13 | 显示全部楼层
只在关闭窗口的时候提示,刷新的时候不提示


  1. <script for=window event=onbeforeunload>
  2. if(event.clientX>document.body.clientWidth)alert("你没有刷新就关闭了?");
  3. </script>
复制代码
 楼主| 发表于 2003-3-17 18:45:02 | 显示全部楼层
键盘事件全面控制


  1. <HTML>
  2. <HEAD>
  3. <TITLE>Keyboard Event Handler Lab</TITLE>
  4. <STYLE TYPE="text/css">
  5. TD {text-align:center}
  6. </STYLE>
  7. <SCRIPT LANGUAGE="JavaScript">
  8. function init() {
  9.         document.onkeydown = showKeyDown
  10.         document.onkeyup = showKeyUp
  11.         document.onkeypress = showKeyPress
  12. }

  13. function showKeyDown(evt) {
  14.         evt = (evt) ? evt : window.event
  15.         document.getElementById("pressKeyCode").innerHTML = 0
  16.         document.getElementById("upKeyCode").innerHTML = 0
  17.         document.getElementById("pressCharCode").innerHTML = 0
  18.         document.getElementById("upCharCode").innerHTML = 0
  19.         restoreModifiers("")
  20.         restoreModifiers("Down")
  21.         restoreModifiers("Up")
  22.         document.getElementById("downKeyCode").innerHTML = evt.keyCode
  23.         if (evt.charCode) {
  24.                 document.getElementById("downCharCode").innerHTML = evt.charCode
  25.         }
  26.         showModifiers("Down", evt)
  27. }
  28. function showKeyUp(evt) {
  29.         evt = (evt) ? evt : window.event
  30.         document.getElementById("upKeyCode").innerHTML = evt.keyCode
  31.         if (evt.charCode) {
  32.                 document.getElementById("upCharCode").innerHTML = evt.charCode
  33.         }
  34.         showModifiers("Up", evt)
  35.         return false
  36. }
  37. function showKeyPress(evt) {
  38.         evt = (evt) ? evt : window.event
  39.         document.getElementById("pressKeyCode").innerHTML = evt.keyCode
  40.         if (evt.charCode) {
  41.                 document.getElementById("pressCharCode").innerHTML = evt.charCode
  42.         }
  43.         showModifiers("", evt)
  44.         return false
  45. }
  46. function showModifiers(ext, evt) {
  47.         restoreModifiers(ext)
  48.         if (evt.shiftKey) {
  49.                 document.getElementById("shift" + ext).style.backgroundColor = "#ff0000"
  50.         }
  51.         if (evt.ctrlKey) {
  52.                 document.getElementById("ctrl" + ext).style.backgroundColor = "#00ff00"
  53.         }
  54.         if (evt.altKey) {
  55.                 document.getElementById("alt" + ext).style.backgroundColor = "#0000ff"
  56.         }
  57. }
  58. function restoreModifiers(ext) {
  59.         document.getElementById("shift" + ext).style.backgroundColor = "#ffffff"
  60.         document.getElementById("ctrl" + ext).style.backgroundColor = "#ffffff"
  61.         document.getElementById("alt" + ext).style.backgroundColor = "#ffffff"
  62. }
  63. </SCRIPT>
  64. </HEAD>

  65. <BODY onLoad="init()">
  66. <H1>Keyboard Event Handler Lab</H1>
  67. <HR>
  68. <FORM>
  69. <TABLE BORDER=2 CELLPADDING=2>
  70. <TR><TH></TH><TH>onKeyDown</TH><TH>onKeyPress</TH><TH>onKeyUp</TH></TR>
  71. <TR><TH>Key Codes</TH>
  72.         <TD ID="downKeyCode">0</TD>
  73.         <TD ID="pressKeyCode">0</TD>
  74.         <TD ID="upKeyCode">0</TD>
  75. </TR>
  76. <TR><TH>Char Codes (IE5/Mac; NN6)</TH>
  77.         <TD ID="downCharCode">0</TD>
  78.         <TD ID="pressCharCode">0</TD>
  79.         <TD ID="upCharCode">0</TD>
  80. </TR>
  81. <TR><TH ROWSPAN=3>Modifier Keys</TH>
  82.         <TD><SPAN ID="shiftDown">Shift</SPAN></TD>
  83.         <TD><SPAN ID="shift">Shift</SPAN></TD>
  84.         <TD><SPAN ID="shiftUp">Shift</SPAN></TD>
  85. </TR>
  86. <TR>
  87.         <TD><SPAN ID="ctrlDown">Ctrl</SPAN></TD>
  88.         <TD><SPAN ID="ctrl">Ctrl</SPAN></TD>
  89.         <TD><SPAN ID="ctrlUp">Ctrl</SPAN></TD>
  90. </TR>
  91. <TR>
  92.         <TD><SPAN ID="altDown">Alt</SPAN></TD>
  93.         <TD><SPAN ID="alt">Alt</SPAN></TD>
  94.         <TD><SPAN ID="altUp">Alt</SPAN></TD>
  95. </TR>
  96. </TABLE>
  97. </FORM>
  98. </BODY>
  99. </HTML>


复制代码
 楼主| 发表于 2003-3-17 18:45:48 | 显示全部楼层
使弹出的窗口随内容多少而确定弹出窗口的大小


  1. 首先先随意弹出一个窗口,即大小你随意设置,当页面装载完后,用body.clienWidth和body.clientHeight检测实际的大小,然后将窗口大小更改成此项大小

复制代码
 楼主| 发表于 2003-3-17 18:46:45 | 显示全部楼层
iframe A 和 B,拖动 A 的滚动条, B 同步滚动


  1. <iframe name=iframeA src="about:<body onscroll='top.iframeB.scrollTo(document.body.scrollLeft,document.body.scrollTop)'><img src=http://www.webucn.com/web/images/banner.gif>" width=300 height=100 ></iframe>
  2. <iframe name=iframeB src="about:<body onscroll='top.iframeA.scrollTo(document.body.scrollLeft,document.body.scrollTop)'><img src=http://www.webucn.com/web/images/banner.gif>" width=300 height=100></iframe>

复制代码
您需要登录后才可以回帖 登录 | 加入无忧

本版积分规则

小黑屋|手机版|Archiver|无忧脚本 ( 苏ICP备05080427号 )|值班电话:027-62300445   鄂公网安备 42011102000433号

GMT+8, 2017-11-25 00:37 , Processed in 0.105157 second(s), 6 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表