Javascript 实用小技巧

所属分类：网络编程 / JavaScript 阅读数： 1149

收藏 0赞 0分享

//自定义的apply,call

Function.prototype.apply = function (obj, argu) { 
 if (obj) obj.constructor.prototype._caller = this;  
 var argus = new Array(); 
 for (var i=0;i<argu.length;i++) 
  argus[i] = "argu[" + i + "]"; 
 var r; 
 eval("r = " + (obj ? ("obj._caller(" + argus.join(",") + ");") : ("this(" + argus.join(",") + ");"))); 
 return r; 
}; 
Function.prototype.call = function (obj) { 
 var argu = new Array(); 
 for (var i=1;i<arguments.length;i++) 
  argu[i-1] = arguments[i]; 
 return this.apply(obj, argu); 
};       

//下载文件

function DownURL(strRemoteURL,strLocalURL) 
{ 
 try 
 { 
  var xmlHTTP=new ActiveXObject("Microsoft.XMLHTTP"); 
  xmlHTTP.open("Get",strRemoteURL,false); 
  xmlHTTP.send(); 
  var adodbStream=new ActiveXObject("ADODB.Stream"); 
  adodbStream.Type=1;//1=adTypeBinary 
  adodbStream.Open(); 
  adodbStream.write(xmlHTTP.responseBody); 
  adodbStream.SaveToFile(strLocalURL,2); 
  adodbStream.Close(); 
  adodbStream=null; 
  xmlHTTP=null; 

 } 
 catch(e) 
 { 
  window.confirm("下载URL出错!"); 
 } 
 //window.confirm("下载完成."); 
}

//检验连接是否有效

function getXML(URL)  
{ 
 var xmlhttp = new ActiveXObject("microsoft.xmlhttp"); 
 xmlhttp.Open("GET",URL, false);  
 try 
 {  
  xmlhttp.Send(); 
 } 
 catch(e){} 
 finally  
 { 
  var result = xmlhttp.responseText; 
  if(result)  
  { 
   if(xmlhttp.Status==200) 
   { 
    return(true); 
   } 
   else  
   { 
    return(false); 
   } 
  } 
  else  
  { 
   return(false); 
  } 
 } 
}

//POST代替FORM

<SCRIPT language="VBScript"> 
Function URLEncoding(vstrIn) 
    strReturn = "" 
    For i = 1 To Len(vstrIn) 
        ThisChr = Mid(vStrIn,i,1) 
        If Abs(Asc(ThisChr)) < &HFF Then 
            strReturn = strReturn & ThisChr 
        Else 
            innerCode = Asc(ThisChr) 
            If innerCode < 0 Then 
                innerCode = innerCode + &H10000 
            End If 
            Hight8 = (innerCode  And &HFF00)\ &HFF 
            Low8 = innerCode And &HFF 
            strReturn = strReturn & "%" & Hex(Hight8) &  "%" & Hex(Low8) 
        End If 
    Next 
    URLEncoding = strReturn 
End Function 
Function bytes2BSTR(vIn) 
    strReturn = "" 
    For i = 1 To LenB(vIn) 
        ThisCharCode = AscB(MidB(vIn,i,1)) 
        If ThisCharCode < &H80 Then 
            strReturn = strReturn & Chr(ThisCharCode) 
        Else 
            NextCharCode = AscB(MidB(vIn,i+1,1)) 
            strReturn = strReturn & Chr(CLng(ThisCharCode) * &H100 + CInt(NextCharCode)) 
            i = i + 1 
        End If 
    Next 
    bytes2BSTR = strReturn 
End Function 
dim strA,oReq 
strA = URLEncoding("submit1=Submit&text1=中文") 
set oReq = CreateObject("MSXML2.XMLHTTP") 
oReq.open "POST","http://ServerName/VDir/TstResult.asp",false 
oReq.setRequestHeader "Content-Length",Len(strA) 
oReq.setRequestHeader "CONTENT-TYPE","application/x-www-form-urlencoded" 
oReq.send strA 
msgbox bytes2BSTR(oReq.responseBody) 
</SCRIPT>

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

//检查网页是否存在

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; 
}

//连接数据库

<script language="javascript"> 
  //用 JavaScript 写服务器端连接数据库的代码示例 
  var conn = new ActiveXObject("ADODB.Connection"); 
  conn.Open("Provider=SQLOLEDB.1; Data Source=localhost; User ID=sa; " 
    +"Password=; Initial Catalog=pubs"); 
  var rs = new ActiveXObject("ADODB.Recordset"); 
  var sql="select * from authors"; 
  rs.open(sql, conn); 
 shtml = "<table width='100%' border=1>"; 
 shtml +="<tr bgcolor='#f4f4f4'><td>au_id</td><td>au_lname</td><td>au_fname</td><td>phone</td><td>address</td><td> city</td><td>state</td><td>zip</td></tr>"; 
  while(!rs.EOF) 
  { 
 shtml += "<tr><td>" + rs("au_id") + "</td><td>" + rs("au_lname") + "</td><td>" + rs("au_fname") + "</td><td>" + rs("phone") + "</td><td>" + rs("address") + "</td><td>" + rs("city") + "</td><td>" + rs("state") + "</td><td>" + rs("zip") + "</td></tr>"; 
 rs.moveNext; 
  } 
  shtml += "</table>"; 
  document.write(shtml); 
  rs.close();  
  rs = null;  
  conn.close();  
  conn = null; 
</script>

//使用数据岛

<html> 
<body> 
srno：<input type=text datasrc=#xmldate DataFLD=srno size="76"><BR> 
times：<input type=text datasrc=#xmldate DataFLD=times size="76"><BR> 
<input id="first" TYPE=button value="<<　第一条记录" onclick="xmldate.recordset.moveFirst()"> 
<input id="prev" TYPE=button value="<上一条记录" onclick="xmldate.recordset.movePrevious()">   
<input id="next" TYPE=button value="下一条记录>" onclick="xmldate.recordset.moveNext()">   
<input id="last" TYPE=button value="最后一条记录>>" onclick="xmldate.recordset.moveLast()">    
<input id="Add" TYPE=button value="添加新记录" onclick="xmldate.recordset.addNew()">   

<XML ID="xmldate"> 
<infolist> 
<info ><srno>20041025-01</srno><times>null</times></info> 
<info ><srno>20041101-09</srno><times>2004年10月1日2点22分0秒</times></info> 
</infolist> 
</XML> 
</body> 
</html>

//获得参数

<body> 
<a href="javascript:location.href=location.href + '?a=1&b=2'">search</a> 
<script language="JavaScript"> 
<!-- 
var a = location.search.substr(1); 
if(a.length>0) 
{ 
 var re = /([^&]*?)\=([^&]*)/g 
 var s = a.match(re); 
 for(var i= 0;i<s.length;i++) 
 { 
  alert(s[i]); 
  alert(s[i].split("=")[1]); 
 } 
} 
//--> 
</script> 
</body>

//可编辑Select

<input type=text name=re_name style="width:100px;height:21px;font-size:10pt;"><span style="width:18px;border:0px solid red;"><select name="r00" style="margin-left:-100px;width:118px; background-color:#FFEEEE;" onChange="document.all.re_name.value=this.value;"> 
                <option value="1">11111111<option> 
                <option value="2">222222</option> 
                <option value="3">333333</option> 
              </select> 
              </span>

//设置光标位置

function getCaret(textbox) 
{ 
 var control = document.activeElement; 
 textbox.focus(); 
 var rang = document.selection.createRange(); 
  rang.setEndPoint("StartToStart",textbox.createTextRange()) 
 control.focus(); 
 return rang.text.length; 
} 
function setCaret(textbox,pos) 
{ 
 try 
 { 
  var r =textbox.createTextRange(); 
   r.moveStart('character',pos); 
   r.collapse(true); 
   r.select(); 
 } 
 catch(e) 
 {} 
} 
function selectLength(textbox,start,len) 
{ 
 try 
 { 
  var r =textbox.createTextRange(); 

  r.moveEnd('character',len-(textbox.value.length-start)); 
  r.moveStart('character',start); 

  r.select(); 
 } 
 catch(e) 
 {//alert(e.description)} 
} 
function insertAtCaret(textbox,text) 
{ 
 textbox.focus(); 
 document.selection.createRange().text = text; 
}

//页内查找

function findInPage(str) 
{ 
 var txt, i, found,n = 0; 
 if (str == "") 
 { 
  return false; 
 } 
 txt = document.body.createTextRange(); 
 for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) 
 { 
  txt.moveStart("character", 1); 
  txt.moveEnd("textedit"); 
 } 
 if (found) 
 { 
  txt.moveStart("character", -1); 
  txt.findText(str); 
  txt.select(); 
  txt.scrollIntoView(); 
  n++;   
 } 
 else 
 { 
  if (n > 0) 
  { 
   n = 0; 
   findInPage(str); 
  } 
  else 
  { 
   alert(str + "...            您要找的文字不存在。\n \n请试着输入页面中的关键字再次查找！"); 
  } 
 } 
 return false; 
}

//书

http://www.itpub.net/attachment.php?s=&postid=1894598
http://www.wrclub.net/down/listdown.aspx?id=1341//操作EXECL

<script language="javascript"> 
function jStartExcel() { 
 var xls = new ActiveXObject ( "Excel.Application" ); 
 xls.visible = true; 
 var newBook = xls.Workbooks.Add; 
 newBook.Worksheets.Add; 
 newBook.Worksheets(1).Activate; 
 xls.ActiveWorkBook.ActiveSheet.PageSetup.Orientation = 2; 
 xls.ActiveWorkBook.ActiveSheet.PageSetup.PaperSize = 5; 
 newBook.Worksheets(1).Columns("A").columnwidth=50; 
 newBook.Worksheets(1).Columns("A").WrapText = true; 
 newBook.Worksheets(1).Columns("B").columnwidth=50; 
 newBook.Worksheets(1).Columns("B").WrapText = true; 
 newBook.Worksheets(1).Range("A1:B1000").NumberFormat = "0"; 
 newBook.Worksheets(1).Range("A1:B1000").HorizontalAlignment = -4131; 
 newBook.Worksheets(1).Cells(1,1).Interior.ColorIndex="15"; 
 newBook.Worksheets(1).Cells(1,1).value="First Column, First Cell"; 
 newBook.Worksheets(1).Cells(2,1).value="First Column, Second Cell"; 
 newBook.Worksheets(1).Cells(1,2).value="Second Column, First Cell"; 
 newBook.Worksheets(1).Cells(2,2).value="Second Column, Second Cell"; 
 newBook.Worksheets(1).Name="My First WorkSheet"; 
} 
</script>

//自定义提示条

<a href="#" title="这是提示">tip</a> 
<script Language="JavaScript"> 
//***********默认设置定义.********************* 
tPopWait=50;//停留tWait豪秒后显示提示。 
tPopShow=5000;//显示tShow豪秒后关闭提示 
showPopStep=20; 
popOpacity=99; 
//***************内部变量定义***************** 
sPop=null; 
curShow=null; 
tFadeOut=null; 
tFadeIn=null; 
tFadeWaiting=null; 
document.write("<style type='text/css'id='defaultPopStyle'>"); 
document.write(".cPopText {  background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}"); 
document.write("</style>"); 
document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>"); 

function showPopupText(){ 
var o=event.srcElement; 
MouseX=event.x; 
MouseY=event.y; 
if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""}; 
        if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""}; 
if(o.dypop!=sPop) { 
sPop=o.dypop; 
clearTimeout(curShow); 
clearTimeout(tFadeOut); 
clearTimeout(tFadeIn); 
clearTimeout(tFadeWaiting); 
if(sPop==null || sPop=="") { 
dypopLayer.innerHTML=""; 
dypopLayer.style.filter="Alpha()"; 
dypopLayer.filters.Alpha.opacity=0; 
} 
else { 
if(o.dyclass!=null) popStyle=o.dyclass  
else popStyle="cPopText"; 
curShow=setTimeout("showIt()",tPopWait); 
} 
} 
} 
function showIt(){ 
dypopLayer.className=popStyle; 
dypopLayer.innerHTML=sPop; 
popWidth=dypopLayer.clientWidth; 
popHeight=dypopLayer.clientHeight; 
if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24 
else popLeftAdjust=0; 
if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24 
else popTopAdjust=0; 
dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust; 
dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust; 
dypopLayer.style.filter="Alpha(Opacity=0)"; 
fadeOut(); 
} 
function fadeOut(){ 
if(dypopLayer.filters.Alpha.opacity<popOpacity) { 
dypopLayer.filters.Alpha.opacity+=showPopStep; 
tFadeOut=setTimeout("fadeOut()",1); 
} 
else { 
dypopLayer.filters.Alpha.opacity=popOpacity; 
tFadeWaiting=setTimeout("fadeIn()",tPopShow); 
} 
} 
function fadeIn(){ 
if(dypopLayer.filters.Alpha.opacity>0) { 
dypopLayer.filters.Alpha.opacity-=1; 
tFadeIn=setTimeout("fadeIn()",1); 
} 
} 
document.onmouseover=showPopupText; 
</script>

//插入文字

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("<font color=red>插入文字</font>");  
}  
} 

//netscapte下操作xml

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

//判断键值

<html> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<head> 
<script language="javascript"> 
var ie  =navigator.appName=="Microsoft Internet Explorer"?true:false; 

function keyDown(e) 
{ 
 if(!ie) 
 { 
  var nkey=e.which; 
  var iekey='现在是ns浏览器'; 
  var realkey=String.fromCharCode(e.which); 
 } 
 if(ie) 
 { 
  var iekey=event.keyCode; 
  var nkey='现在是ie浏览器'; 
  var realkey=String.fromCharCode(event.keyCode); 
  if(event.keyCode==32){realkey='\' 空格\''} 
  if(event.keyCode==13){realkey='\' 回车\''} 
  if(event.keyCode==27){realkey='\' Esc\''} 
  if(event.keyCode==16){realkey='\' Shift\''} 
  if(event.keyCode==17){realkey='\' Ctrl\''} 
  if(event.keyCode==18){realkey='\' Alt\''} 
 } 
 alert('ns浏览器中键值:'+nkey+'\n'+'ie浏览器中键值:'+iekey+'\n'+'实际键为'+realkey); 
} 
document.onkeydown = keyDown; 
</script> 
</head> 
<body> 
//Javascript Document. 
<hr> 
<center> 
<h3>请按任意一个键。。。。</h3> 
</center> 
</body> 
</html>

//禁止FSO

1.注销组件 
regsvr32 /u scrrun.dll 
2.修改PROGID  
HKEY_CLASSES_ROOT\Scripting.FileSystemObject 
Scripting.FileSystemObject 
3.对于使用object的用户，修改HKEY_CLASSES_ROOT\Scripting.

//省略号

<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue; 
            overflow: hidden; text-overflow:ellipsis"> 
<NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR> 
</DIV>

//检测media play版本

<IE:clientCaps ID="oClientCaps" style="{behavior:url(#default#clientcaps)}" /> 
<SCRIPT> 
var flash=""; 
    WMPVersion= oClientCaps.getComponentVersion("{22D6F312-B0F6-11D0-94AB-0080C74C7E95}","ComponentID");  
    if (WMPVersion != "") { 
    flash = ""; 
    var version = WMPVersion.split(","); 
    var i; 
    for (i = 0; i < version.length; i++) { 
      if (i != 0) 
    flash += "."; 
      flash += version[i]; 
    } 
     document.write("您的Windows Media Player 版本是:"+flash+"<p>"); 
  } 
</SCRIPT>

//图象按比例

<script language="JavaScript"> 
<!-- 
//图片按比例缩放 
var flag=false; 
function DrawImage(ImgD){ 
 var image=new Image(); 
 var iwidth = 80;  //定义允许图片宽度 
 var iheight = 80;  //定义允许图片高度 
 image.src=ImgD.src; 
 if(image.width>0 && image.height>0){ 
 flag=true; 
 if(image.width/image.height>= iwidth/iheight){ 
  if(image.width>iwidth){   
  ImgD.width=iwidth; 
  ImgD.height=(image.height*iwidth)/image.width; 
  }else{ 
  ImgD.width=image.width;   
  ImgD.height=image.height; 
  } 
  ImgD.alt=image.width+"×"+image.height; 
  } 
 else{ 
  if(image.height>iheight){   
  ImgD.height=iheight; 
  ImgD.width=(image.width*iheight)/image.height;   
  }else{ 
  ImgD.width=image.width;   
  ImgD.height=image.height; 
  } 
  ImgD.alt=image.width+"×"+image.height; 
  } 
 } 
}  
//--> 
</script> 
<img src=".." onload = "DrawImage(this)">

//细线Select

<span style="border:1px solid #000000; position:absolute; overflow:hidden;" > 
<select style="margin:-2px;"> 
<option>1111</option> 
<option>11111111111111</option> 
<option>111111111</option> 
</select></span>

//Import

function Import() { 
 for( var i=0; i<arguments.length; i++ ) { 
  var file = arguments[i]; 
  if ( file.match(/\.js$/i))  
   document.write('<script type=\"text/javascript\" src=\"' + file + '\"></sc' + 'ript>'); 
  else 
   document.write('<style type=\"text/css\">@import \"' + file + '\" ;</style>'); 
 } 
};

//js枚举

function getComputerName() 
{ 
 var objWMIService = GetObject("Winmgmts:root\cimv2"); 
 for(e = new Enumerator(objWMIService) ; !e.atEnd() ; e.moveNext()) 
 { 
    var getComputer = e.item(); 
    return getComputer.Name; 
 } 
}

//条件编译

<script language=javascript> 
/*@cc_on @*/ 
/*@if (@_win32 && @_jscript_version>5) 
function window.confirm(str) 
{ 
    execScript("n = msgbox('"+ str +"', 257)", "vbscript"); 
    return(n == 1); 
} 
@end @*/ 
</script>

//取得innerText

<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
 var xmlDoc = new ActiveXObject("Msxml2.DOMDocument.4.0"); 
 var currNode; 
 xmlDoc.async = false; 
 xmlDoc.async = false; 
 xmlDoc.loadXML("<TABLENAME>      你好你阿三    大法     司法等四              </TABLENAME>"); 
 currNode = xmlDoc.documentElement; 

  var s = currNode.xml; 
  var r = /\<([^\>\s]*?)[^\>]*?\>([^\<]*?)\<\/\1\>/ 
  var b = s.replace(r,"$2"); 
  alert(b); 
//--> 
</SCRIPT>

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

<SCRIPT> 
function fnMerge(){ 
oSource.children[1].mergeAttributes(oSource.children[0]); 
} 
</SCRIPT> 
<SPAN ID=oSource> 
<DIV 
ID="oDiv" 
ATTRIBUTE1="true" 
ATTRIBUTE2="true" 
onclick="alert('click');" 
onmouseover="this.style.color='#0000FF';" 
onmouseout="this.style.color='#000000';" 
> 
This is a sample <B>DIV</B> element. 
</DIV> 
<DIV ID="oDiv2"> 
This is another sample <B>DIV</B> element. 
</DIV> 
</SPAN> 
<INPUT 
TYPE="button" 
VALUE="Merge Attributes" 
onclick="fnMerge()" 
>

将选中内容保存为html

<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
</HEAD> 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
function save() 
{ 
 var f; 
 f = document.getElementById("xx"); 
 if(f==null) 
 { 
  document.appendChild(document.createElement("<iframe id=xx name=xx width=0 height=0></iframe>")); 
  f = document.getElementById("xx"); 
 } 
 var fa = window.frames["xx"]; 

 fa.document.write(document.selection.createRange().htmlText); 
 fa.document.close(); 
 fa.document.execCommand("saveas",true,"a.htm"); 
} 
//--> 
</SCRIPT> 
<BODY> 
<UL> 
<LI><FONT size=2><STRIKE>显示版块帖子</STRIKE> </FONT> 
<LI><FONT size=2>版块帖子分页 </FONT> 
<LI><FONT size=2><STRIKE>显示单个帖子</STRIKE> </FONT> 
<LI><FONT size=2><STRIKE>发送新帖</STRIKE></FONT>  
<LI><FONT size=2><STRIKE>帖子回复</STRIKE> </FONT> 
<LI><FONT size=2><STRIKE>个人登陆</STRIKE> </FONT> 
<LI><FONT size=2>留言的回复功能</FONT></LI></UL> 
<input type=button onclick="save()" value="aa"> 
</BODY> 
</HTML>

判断是刷新还是离开

<HTML> 
<HEAD> 
<TITLE>判断是刷新还是关闭－www.51windows.Net</TITLE> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<META NAME="Author" CONTENT="51windows,海娃,haiwa"> 
<META NAME="Description" CONTENT="Power by 51windows.Net"> 
</HEAD> 
<script> 
function CloseOpen() { 
 if(event.clientX<=0 && event.clientY<0) { 
  alert("关闭"); 
 } 
 else 
 { 
  alert("刷新或离开"); 
 } 
} 
</script> 
<body onunload="CloseOpen()"> 
</BODY> 
</HTML>

获得光标位置

<textarea rows=10 cols=100 onclick="getCursorPosition()" onkeyup="getCursorPosition()"> 
北京时间10月6日，世界三大通讯社之一的法新社刊发图文报道，中国国脚孙继海因为在最近的世界杯预选赛中的表现，已经吸引了意大利俱乐部AC米兰和都灵队的争购。中国队只需在10月7日同阿曼队的比赛中战平就将首次进入世界杯决赛圈。图为孙继海(右)1998年12月19日在亚洲杯上的资料图片。</textarea> 
<script language=JScript> 
function getCursorPosition(){ 
var src = event.srcElement 
var oTR = src.createTextRange() 
var oSel = document.selection.createRange() 
var textLength = src.innerText.length 
var line, char, total, cl 
oTR.moveToPoint(oSel.offsetLeft, oSel.offsetTop) 
oTR.moveStart("character", -1*textLength) 
cl = oTR.getClientRects() 
line = cl.length 
total = oTR.text.length 
oTR.moveToPoint(cl[cl.length-1].left, cl[cl.length-1].top) 
oTR.moveStart("character", -1*textLength) 
char = total - oTR.text.length 
if (oSel.offsetTop != cl[cl.length-1].top) {line++; char = 0} 
else if (src.createTextRange().text.substr(oTR.text.length, 2) == "\r\n") char -= 2 
window.status = "行: " + line +", 列: " + char + ", 第 " + total + " 个字符" 
} 
</SCRIPT>

TextRange的常用方法

collapse([bStart]) 
收起选区，并移动Range的插入点 
bStart true(移到开头,default) false(移到末尾) 

expand(sUnit)
展开选区，让单位所包括的选区被包含进来

findText(sText [, iSearchScope] [, iFlags]) 
在Range中查找sText 
iSearchScope 开始位置，负数方向搜索 
iFlags 1(向后搜索) 2(整词匹配) 4(区别大小写) 

moveStart(sUnit [, iCount]) 
moveEnd(sUnit [, iCount]) 
移动Range的开头或结尾 
sUnit character(字) word(词) sentence(句) textedit(Range) 
iCount 移动数量，默认为1 

moveToPoint(iX, iY) 
移动光标到坐标(iX,iY) 

pasteHTML(sHTMLText) 
替换Range中的html 

scrollIntoView([bAlignToTop]) 
滚动使之在当前窗口显示 
bAlignToTop true(Range在窗口开头) false(Range在窗口底部) 

select() 
让选区选中状态

事件源对象
event.srcElement.tagName
event.srcElement.type
捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture();
事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
事件返回值
event.returnValue
鼠标位置
event.x
event.y
窗体活动元素
document.activeElement
绑定事件
document.captureEvents(Event.KEYDOWN);
访问窗体元素
document.all("txt").focus();
document.all("txt").select();
窗体命令
document.execCommand
窗体COOKIE
document.cookie
菜单事件
document.oncontextmenu
创建元素
document.createElement("SPAN");
根据鼠标获得元素：
document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms)
更多精彩内容其他人还在看

js实现图片上传预览原理分析
这篇文章主要为大家详细介绍了js实现图片上传预览的原理，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
收藏 0赞 0分享
Angular限制input框输入金额（是小数的话只保留两位小数点）
最近做项目遇到这样的需求输入框要求输入金额，只能输入数字，可以是小数，必须保留小数点后两位。下面分为两部分代码给大家介绍实现代码，需要的的朋友参考下吧
收藏 0赞 0分享
详解vue-cli + webpack 多页面实例配置优化方法
本篇文章主要介绍了详解vue-cli + webpack 多页面实例配置优化方法，具有一定的参考价值，有兴趣的可以了解一下
收藏 0赞 0分享
详解React-Native解决键盘遮挡问题（Keyboard遮挡问题）
本篇文章主要介绍了React-Native解决键盘遮挡问题（Keyboard遮挡问题），具有一定的参考价值，感兴趣的小伙伴们可以参考一下
收藏 0赞 0分享
JavaScript反弹动画效果的实现代码
本文通过实例代码给大家介绍了js反弹动画效果的实现代码，需要的朋友参考下吧
收藏 0赞 0分享
解决vue2.x中数据渲染以及vuex缓存的问题
本篇文章主要介绍了vue2.x中请求之前数据显示以及vuex缓存的问题，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
收藏 0赞 0分享
jsonp跨域请求详解
这篇文章主要为大家详细介绍了jsonp跨域请求的相关资料，激活了所有接口支持浏览器跨域请求的封装，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
收藏 0赞 0分享
解决vue里碰到 $refs 的问题的方法
本篇文章主要介绍了解决vue里碰到 $refs 的问题的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
收藏 0赞 0分享
js自定义弹框插件的封装
这篇文章主要为大家详细介绍了js自定义弹框插件的简单封装，自己封装一个弹框插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
收藏 0赞 0分享
深入理解vue $refs的基本用法
本篇文章主要介绍了深入理解vue $refs的基本用法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
收藏 0赞 0分享
查看更多

Javascript 实用小技巧

js实现图片上传预览原理分析

Angular限制input框输入金额（是小数的话只保留两位小数点）

详解vue-cli + webpack 多页面实例配置优化方法

详解React-Native解决键盘遮挡问题（Keyboard遮挡问题）

JavaScript反弹动画效果的实现代码

解决vue2.x中数据渲染以及vuex缓存的问题

jsonp跨域请求详解

解决vue里碰到 $refs 的问题的方法

js自定义弹框插件的封装

深入理解vue $refs的基本用法

网络赚钱

站长故事