注册 登陆
浏览模式: 标准 | 列表 分类: JS

表单点击提交按钮后变成灰色不可再次点击

<input type="button" value="提交" onclick="javascript:{this.disabled=true;document.form1.submit();}">

支持firefox的加入收藏

  1. <script> 
  2. function addfavorite() 
  3.  if (document.all) 
  4.  { 
  5.  window.external.addFavorite('http://web.4399.com/rxsg/','4399热血三国'); 
  6.  } 
  7.  else if (window.sidebar) 
  8.  { 
  9.  window.sidebar.addPanel('4399热血三国''http://web.4399.com/rxsg/'""); 
  10.  } 
  11. </script> 
  12. <a href="#" onclick="addfavorite()">加入收藏</a> 

 

为FF添加innerTEXT属性

小叶给的一段js 先放上来了 等有机会再用

  1. var lBrowser = {}; 
  2. lBrowser.agt = navigator.userAgent.toLowerCase(); 
  3. lBrowser.isW3C = document.getElementById ? true:false
  4. lBrowser.isIE = ((lBrowser.agt.indexOf("msie") != -1) && (lBrowser.agt.indexOf("opera") == -1) && (lBrowser.agt.indexOf("omniweb") == -1)); 
  5. lBrowser.isNS6 = lBrowser.isW3C && (navigator.appName=="Netscape") ; 
  6. lBrowser.isOpera = lBrowser.agt.indexOf("opera") != -1; 
  7. lBrowser.isGecko = lBrowser.agt.indexOf("gecko") != -1; 
  8. lBrowser.ieTrueBody =function (){ 
  9.   return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body; 
  10. }; 
  11.  
  12. //为Firefox下的DOM对象增加innerText属性 
  13. if(lBrowser.isNS6){ //firefox innerText define 
  14.  HTMLElement.prototype.__defineGetter__( "innerText",  
  15.  function(){  
  16.  return this.textContent;  
  17.  }  
  18.  );  
  19.  HTMLElement.prototype.__defineSetter__( "innerText",  
  20.  function(sText){  
  21.  this.textContent=sText;  
  22.  }  
  23.  );  
  24.  
  25. //以上代码为FF添加innerTEXT属性,实现FF与IE的兼容性 

 

window.location.assign(url)和replace...

window.location.assign(url) :

加载 URL 指定的新的 HTML 文档。 就相当于一个链接,跳转到指定的url,当前页面会转为新页面内容,可以点击后退返回上一个页面。

window.location.replace(url) : 通过加载 URL 指定的文档来替换当前文档 ,这个方法是替换当前窗口页面,前后两个页面共用一个窗口,所以是没有后退返回上一页的

用Ajaxt实现无刷新更新数据

 

  1. 程序设计中会经常碰到一种情况,就是事先无法得知用户会需要哪些数据,必须根据用户选择后再从服务器重新提取数据后反馈给用户。比如一简单的情况,用户选择省份以后,我们立即会在市里边将这个省的所有市重新显示出来。这种情况一般需要将整个页面刷新后才可以重新读取,但这样不仅效率不高外,也显得不太优雅。其实用javascript结合微软件的XMLHTTP对象,我们可以不用刷新,“稍稍”的就可以将数据从服务器上读取出来,显得既专业,又高效。  
  2.   下面我们就以一个验证用户是否被注册的情况来演示这种技术。   
  3.   '程序设计:环球万维,专业域名注册,虚拟主机服务商   
  4.   '网址:http://www.netInter.cn  
  5.   '此程序为环球万维原创程序,所以如果您需转载,请注明出处,谢谢。  
  6.   '以上信息与文章正文是不可分割的一部分,所以如果您要转载本文章,您必须保留以上信息.  
  7.  
  8.   1.首先在服务器上建立一个CheckUser.asp文件,用来检测用户是否存在,根据用户是否存在分别反馈0和1  
  9.  
  10. 代码片段  
  11. u_name=Request.QueryString("u_name")   
  12. if u_name 存在 then   
  13. Response.write "0"   
  14. else   
  15. Response.write "1"   
  16. end if2.客户端HTML设计:  
  17. 一、JavaScript代码 代码片段  
  18. <script language=javascript>   
  19. function check_user_exists(form){   
  20. u_name=form.u_name.value;   
  21. if (u_name==null||u_name==''){   
  22. alert("请您输入用户名");   
  23. return false;   
  24. }   
  25. infoBoard=document.getElementById("checkInfo");   
  26. infoBoard.innerText='查询中...';   
  27. myurl=location.protocol+"//"+location.hostname+"/CheckUser.asp?u_name="+u_name;   
  28. retCode=openUrl(myurl);   
  29. switch(retCode){   
  30. case "-2":   
  31. infoBoard.innerHTML='<font color=red>抱歉[/red],查询失败';break;   
  32. case "1":   
  33. infoBoard.innerHTML='<font color=red>恭喜[/red],'+u_name+'可以使用';break;   
  34. case "0":   
  35. infoBoard.innerHTML='<font color=red>抱歉[/red],用户名'+u_name+'已经被使用';   
  36. }   
  37. return;   
  38. }   
  39. function openurl(/url){   
  40. var objxml=new ActiveXObject("Microsoft.XMLHttp")   
  41. objxml.open("GET",url,false);   
  42. objxml.send();   
  43. retInfo=objxml.responseText;   
  44. if (objxml.status=="200"){   
  45. return retInfo;   
  46. }   
  47. else{   
  48. return "-2";   
  49. }   
  50. }   
  51. </script>二、HTML表单设计: 代码片段  
  52. <form name=form1 action="XXXX.asp" method="post">   
  53. <input type=text name=u_name><span id="checkInfo"></span>  
  54. <input type=button name=checkuser value="检测用户是否存在" onClick="check_user_exists(this.form);">   
  55. </form>  
  56.   经过以上三步,一个不需要页面刷新的数据更新程序就完成了  
  57.   

 

用js获取表单数据

表单POST提交 采用js来获取提交的数据

  1. <script language="javascript">  
  2. //把表单数据转换成一串请求字符串函数  
  3. function formToRequestString(form_obj){  
  4. var query_string='';  
  5. var and='';  
  6. //alert(form_obj.length);  
  7. for (i=0;i<form_obj.length ;i++ ){  
  8. e=form_obj[i];  
  9. if (e.name!='')  
  10. {  
  11. if (e.type=='select-one')  
  12. {  
  13. element_value=e.options[e.selectedIndex].value;  
  14. }else if (e.type=='checkbox' || e.type=='radio'){  
  15. if (e.checked==false){  
  16. break;   
  17. }  
  18. element_value=e.value;  
  19. }else{  
  20. element_value=e.value;  
  21. }  
  22. query_string+=and+e.name+'='+element_value.replace(/\&/g,"%26");  
  23. and="&" 
  24. }  
  25. }  
  26. return query_string;  
  27. }  
  28.  
  29. //提交表单触发函数  
  30. function chk(obj){  
  31. var str=formToRequestString(obj);  
  32. alert(str);  
  33. return false;  
  34. }  
  35. </script>  

 

关于js中 cells 集合

 

  1. 定义和用法  
  2. cells 集合返回表格中所有单元格的一个数组。  
  3.  
  4. 语法  
  5. tableObject.cells[]  
  6. 实例下面的例子使用 cells 来显示出第一个单元格的内容:<html> 
  7. <head> 
  8. <script type="text/javascript"> 
  9. function GetCellText()  
  10.   {  
  11.   var x=document.getElementById('table1').rows[0].cells[0].innerHTML;  
  12.   alert(x);  
  13.   }  
  14. </script> 
  15. </head> 
  16. <body> 
  17.  
  18. <table id="table1" border="1"> 
  19. <tr> 
  20. <td>cell 1</td> 
  21. <td>cell 2</td> 
  22. </tr> 
  23. </table> 
  24. <br /> 
  25. <input type="button" onclick="GetCellText()" value="GetCellText"> 
  26.  
  27. </body> 
  28. </html> 

 

js 下移input 内容框的内容

<a href="javascript:;" onclick="moveDown()"><font color="green">文章下移</font>

后台INPUT输入框经常会更换文章太麻烦了 老是复制来复制去

早就想丢一个js过去自动一个一个移到下面了 不会JS没办法 只能瞎写一个了

  1. <script language="javascript">  
  2. function moveDown() {  
  3.     for (var i = 8; i > 1 ;i-- ){  
  4.         document.getElementById("N"+i+"#title").value=document.getElementById("N"+(i-1)+"#title").value;  
  5.         document.getElementById("N"+i+"#url").value=document.getElementById("N"+(i-1)+"#url").value;  
  6.     }  
  7.     document.getElementById("N1#title").value="";  
  8.     document.getElementById("N1#url").value="";  
  9.       
  10. }  
  11. </script> 

 

getElementsByName和document.getEleme...

  这两个很有趣
  注意getElementsByName 有s在里面
  document.getElementById()可以控制某个id的tag
  document.getElementsByName(),返回的是一个具有相同 name 属性的元素的集合,而不是某个,注意有“s”。
  
  而 document.getElementsByTagName() 返回的是一组相同 TAG 的元素集合。
  
  同一个name可以有多个element,所以用document.getElementsByName("theName")
  他return 一个collection,引用的时候要指名index
  var test = document.getElementsByName('testButton')[0];
  
  id那个,是唯一的

 

检测完表单 自动提交

ajax检测完 让它自动提交表单

  1. window.document.forms[0].submit.click(); 

 

Total:25123Next ›