当前位置：Gxlcms > JavaScript > javascript应用小技巧方法汇总_javascript技巧

javascript应用小技巧方法汇总_javascript技巧

时间：2021-07-01 10:21:17 帮助过：1人阅读

javascript 在前端应用体验小技巧继续积累。

//各种尺寸

//过滤数字

代码如下:

//特殊用途

代码如下:

//不缓存

代码如下:

//正则匹配

代码如下:

匹配中文字符的正则表达式： [\u4e00-\u9fa5] 

匹配双字节字符(包括汉字在内)：[^\x00-\xff] 匹配空行的正则表达式：
[\s| ]*\r 

匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/  

匹配首尾空格的正则表达式：(^\s*)|(\s*$)（像vbscript那样的trim函数） 

匹配Email地址的正则表达式：w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 

匹配网址URL的正则表达式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)? 以下是例子： 利用正则表达式限制网页表单里的文本框输入内容： 用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))" 

1.用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))" 

2.用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 

3.用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

//消除图像工具栏

代码如下:

//无提示关闭

代码如下:

function Close() { var ua=navigator.userAgent var ie=navigator.appName=="Microsoft Internet Explorer"?true:false if(ie) {       var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))))   if(IEversion< 5.5)   {    var str  = '' 

       str += ''; 

       document.body.insertAdjacentHTML("beforeEnd", str); 

       document.all.noTipClose.Click();   }       else   { 

       window.opener =null; 

       window.close();       }    } else { 

  window.close()    } }

//取得控件得绝对位置(1)

代码如下:

//最小化,最大化,关闭

//光标停在文字最后

代码如下:

//自带的打印预览

//去掉打印时的页眉页脚

//浏览器验证

//计算内容宽和高

sdf

//无模式的提示框

//屏蔽按键

//屏蔽打印

//移动的图层，拖动

//文档状态改变

//刷新后不变的文本框

//访问剪贴板

(1)拖拽访问

//操作COOKIE

//setTimeout增加参数

代码如下:

//readyState是xmlhttp返回数据的进度，0=载入中,1=未初始化,2=已载入,3=运行中,4=完成

//组件是否安装
isComponentInstalled("{6B053A4B-A7EC-4D3D-4567-B8FF8A1A5739}", "componentID"))

//检查网页是否存在

代码如下:

function CheckURL(URL) {   var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");   xmlhttp.Open("GET",URL, false);   try   {  

    xmlhttp.Send();      var result = xmlhttp.status;   }   catch(e) {return(false); }   if(result==200)   {      return true; 

  }   xmlhttp = null;   return false; 

}

//连接数据库

代码如下:

//插入文字

代码如下:

document.onclick =function(){  var oSource = window.event.srcElement;  if(oSource.tagName!="DIV")  return false;  

var sel = document.selection;  if (sel!=null) {  var rng = sel.createRange();  if (rng!=null)  rng.pasteHTML("插入文字");  

}  } 

//netscapte下操作xml

doc = new ActiveXObject("Msxml2.DOMDocument"); doc = new ActiveXObject("Microsoft.XMLDOM") ->> doc = (new DOMParser()).parseFromString(sXML,'text/xml')

//判断键值

代码如下:

//图象按比例

//细线SELECT

//Import

//js枚举

//条件编译

//取得innerText

//mergeAttributes 复制所有读/写标签属性到指定元素。

   
This is a sample DIV element.  
 
This is another sample DIV element.

以上所述就是本文的全部内容了，希望大家能够喜欢。

javascript应用小技巧方法汇总_javascript技巧

人气教程排行