实用的javascript代码大全3

本文介绍了一系列JavaScript编程技巧,包括网页存在性的检查、数据库连接、数据岛的使用、参数获取、可编辑下拉框、光标位置设置等功能实现方法。

//检查网页是否存在 

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 = /([^&]*?)=([^&]*)/
var s = a.match(re); 
for(var i= 0;i<s.length;i++

  alert(s); 
  alert(s.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 
+ "...            您要找的文字不存在。   请试着输入页面中的关键字再次查找!"); 
  }
 
}
 
return false
}
 




//操作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'


//禁止FSO 

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


//省略号 

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


//判断键值 

<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+' '+'ie浏览器中键值:'+iekey+' '+'实际键为'+realkey); 
}
 
document.onkeydown 
= keyDown; 
</script> 
</head> 
<body> 
//Javascript Document. 
<hr> 
<center> 
<h3>请按任意一个键。。。。</h3> 
</center> 
</body> 
</html> 



//检测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; 
    }
 
     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)"> 

 
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值