亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

javascript小技巧

系統 1978 0
  • 事件源對象
    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)
  • 窗體圖片
    document.images[索引]
  • 窗體事件綁定
    document.onmousedown=scrollwindow;
  • 元素
    document.窗體.elements[索引]
  • 對象綁定事件
    document.all.xxx.detachEvent('onclick',a);
  • 插件數目
    navigator.plugins
  • 取變量類型
    typeof($js_libpath) == "undefined"
  • 下拉框
    下拉框.options[索引]
    下拉框.options.length
  • 查找對象
    document.getElementsByName("r1");
    document.getElementById(id);
  • 定時
    timer=setInterval('scrollwindow()',delay);
    clearInterval(timer);
  • UNCODE編碼
    escape() ,unescape
  • 父對象
    obj.parentElement(dhtml)
    obj.parentNode(dom)
  • 交換表的行
    TableID.moveRow(2,1)
  • 替換CSS
    document.all.csss.href = "a.css";
  • 并排顯示
    display:inline
  • 隱藏焦點
    hidefocus=true
  • 根據寬度換行
    style="word-break:break-all"
  • 自動刷新
    <meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">
  • 簡單郵件
    <a href=" mailto:aaa@bbb.com?subject=ccc&body=xxxyyy ">
  • 快速轉到位置
    obj.scrollIntoView(true)

  • <a name="first">
    <a href="#first">anchors</a>
  • 網頁傳遞參數
    location.search();
  • 可編輯
    obj.contenteditable=true
  • 執行菜單命令
    obj.execCommand
  • 雙字節字符
    /[^\x00-\xff]/
    漢字
    /[\u4e00-\u9fa5]/
  • 讓英文字符串超出表格寬度自動換行
    word-wrap: break-word; word-break: break-all;
  • 透明背景
    <IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
  • 獲得style內容
    obj.style.cssText
  • HTML標簽
    document.documentElement.innerHTML
  • 第一個style標簽
    document.styleSheets[0]
  • style標簽里的第一個樣式
    document.styleSheets[0].rules[0]
  • 防止點擊空鏈接時,頁面往往重置到頁首端。
    <a href="javascript:function()">word</a>
  • 上一網頁源
    asp:
    request.servervariables("HTTP_REFERER")
    javascript:
    document.referrer
  • 釋放內存
    CollectGarbage();
  • 禁止右鍵
    document.oncontextmenu = function() { return false;}
  • 禁止保存
    <noscript><iframe src="*.htm"></iframe></noscript>
  • 禁止選取 <bodyoncontextmenu= "returnfalse" ondragstart= "returnfalse" onselectstart= "returnfalse" onselect= "document.selection.empty()" oncopy= "document.selection.empty()" onbeforecopy= "returnfalse" onmouseup= "document.selection.empty()>
  • 禁止粘貼
    <input type=text onpaste="return false">
  • 地址欄圖標
    <link rel="Shortcut Icon" href="favicon.ico">
    favicon.ico 名字最好不變16*16的16色,放虛擬目錄根目錄下
  • 收藏欄圖標
    <link rel="Bookmark" href="favicon.ico">
  • 查看源碼
    <input type=button value=查看網頁源代碼 onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">
  • 關閉輸入法
    <input style="ime-mode:disabled">
  • 自動全選
    <input type=text name=text1 value="123" onfocus="this.select()">
  • ENTER鍵可以讓光標移到下一個輸入框
    <input onkeydown="if(event.keyCode==13)event.keyCode=9">
  • 文本框的默認值
    <input type=text value="123" onfocus="alert(this.defaultValue)">
  • title換行
    obj.title = "123&#13sdfs&#32"
  • 獲得時間所代表的微秒
    var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
  • 窗口是否關閉
    win.closed
  • checkbox扁平
    <input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
  • 獲取選中內容
    document.selection.createRange().duplicate().text
  • 自動完成功能
    <input type=text autocomplete=on>打開該功能
    <input type=text autocomplete=off>關閉該功能
  • 窗口最大化
    <body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)">
  • 無關閉按鈕IE
    window.open("aa.htm", "meizz", "fullscreen=7");
  • 統一編碼/解碼
    alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
    encodeURIComponent對":"、"/"、";" 和 "?"也編碼
  • 表格行指示
    <tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'">


    //各種尺寸

    s+= "\r\n網頁可見區域寬:" +document.body.clientWidth;
    s+= "\r\n網頁可見區域高:" +document.body.clientHeight;
    s+= "\r\n網頁可見區域高:" +document.body.offsetWeight+ "(包括邊線的寬)" ;
    s+= "\r\n網頁可見區域高:" +document.body.offsetHeight+ "(包括邊線的寬)" ;
    s+= "\r\n網頁正文全文寬:" +document.body.scrollWidth;
    s+= "\r\n網頁正文全文高:" +document.body.scrollHeight;
    s+= "\r\n網頁被卷去的高:" +document.body.scrollTop;
    s+= "\r\n網頁被卷去的左:" +document.body.scrollLeft;
    s+= "\r\n網頁正文部分上:" +window.screenTop;
    s+= "\r\n網頁正文部分左:" +window.screenLeft;
    s+= "\r\n屏幕分辨率的高:" +window.screen.height;
    s+= "\r\n屏幕分辨率的寬:" +window.screen.width;
    s+= "\r\n屏幕可用工作區高度:" +window.screen.availHeight;
    s+= "\r\n屏幕可用工作區寬度:" +window.screen.availWidth;

//過濾數字

//特殊用途

//不緩存


//正則匹配
匹配中文字符的正則表達式:[\u4e00-\u9fa5]
匹配雙字節字符(包括漢字在內):[^\x00-\xff]
匹配空行的正則表達式:\n[\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,''))"

//消除圖像工具欄

<IMGSRC= "mypicture.jpg" HEIGHT= "100px" WIDTH= "100px" GALLERYIMG= "false" >
or
<head>
<metahttp-equiv= "imagetoolbar" content= "no" >
</head>

//無提示關閉

function Close()
{
var ua=navigator.userAgent
var ie=navigator.appName== "MicrosoftInternetExplorer" ? true :false
if (ie)
{
var IEversion=parseFloat(ua.substring(ua.indexOf( "MSIE" )+5,ua.indexOf( ";" ,ua.indexOf( "MSIE" ))))
if (IEversion<5.5)
{
var str='<objectid=noTipCloseclassid= "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11" >'
str+='<paramname= "Command" value= "Close" ></object>';
document.body.insertAdjacentHTML( "beforeEnd" ,str);
document.all.noTipClose.Click();
}
else
{
window.opener= null ;
window.close();
}
}
else
{
window.close()
}
}

//取得控件得絕對位置(1)

<scriptlanguage= "javascript" >
function getoffset(e)
{
var t=e.offsetTop;
var l=e.offsetLeft;
while (e=e.offsetParent)
{
t+=e.offsetTop;
l+=e.offsetLeft;
}
var rec= new Array (1);
rec[0]=t;
rec[1]=l;
return rec
}
</script>

//獲得控件的絕對位置(2)

oRect=obj.getBoundingClientRect();
oRect.left
oRect.

//最小化,最大化,關閉

//光標停在文字最后
<scriptlanguage= "javascript" >
function cc()
{
var e=event.srcElement;
var r=e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse( true );
r.select();
}
</script>
<inputtype=textname=text1value= "123" onfocus= "cc()" >

//頁面進入和退出的特效

進入頁面<metahttp-equiv= "Page-Enter" content= "revealTrans(duration=x,transition=y)" >
推出頁面<metahttp-equiv= "Page-Exit" content= "revealTrans(duration=x,transition=y)" >
這個是頁面被載入和調出時的一些特效。duration表示特效的持續時間,以秒為單位。transition表示使
用哪種特效,取值為1-23:
  0矩形縮小
  1矩形擴大
  2圓形縮小
  3圓形擴大
  4下到上刷新
  5上到下刷新
  6左到右刷新
  7右到左刷新
  8豎百葉窗
  9橫百葉窗
  10錯位橫百葉窗
  11錯位豎百葉窗
  12點擴散
  13左右到中間刷新
  14中間到左右刷新
  15中間到上下
  16上下到中間
  17右下到左上
  18右上到左下
  19左上到右下
  20左下到右上
  21橫條
  22豎條
  23

//網頁是否被檢索


//打印分頁


//設置打印

<objectid= "factory" style= "display:none" viewastext
classid= "clsid:1663ed61-23eb-11d2-b92f-008048fdd814"
codebase= "http: //www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360"
></object>
<inputtype=buttonvalue=頁面設置onclick= "factory.printing.PageSetup()" >
<inputtype=buttonvalue=打印預覽onclick= "factory.printing.Preview()" >

<scriptlanguage=javascript>
function window.onload()
{
//--advancedfeatures
factory.printing.SetMarginMeasure(2) //measuremarginsininches
factory.printing.SetPageRange( false ,1,3) //needpagesfrom1to3
factory.printing.printer= "HPDeskJet870C"
factory.printing.copies=2
factory.printing.collate=true
factory.printing.paperSize= "A4"
factory.printing.paperSource= "Manualfeed"
//--basicfeatures
factory.printing.header= "居左顯示&b居中顯示&b居右顯示頁碼,第&p頁/共&P頁"
factory.printing.footer= "(自定義頁腳)"
factory.printing.portrait=false
factory.printing.leftMargin=0.75
factory.printing.topMargin=1.5
factory.printing.rightMargin=0.75
factory.printing.bottomMargin=1.5
}
function Print(frame){
factory.printing.Print( true ,frame) //printwithprompt
}
</script>
<inputtype=buttonvalue= "打印本頁" onclick= "factory.printing.Print(false)" >
<inputtype=buttonvalue= "頁面設置" onclick= "factory.printing.PageSetup()" >
<inputtype=buttonvalue= "打印預覽" onclick= "factory.printing.Preview()" ><br>
<ahref= "http: //www.meadroid.com/scriptx/docs/printdoc.htm?static" target=_blank>具體使用手冊,更多信息,點這里</a>

//自帶的打印預覽

WebBrowser.ExecWB(1,1)打開
Web.ExecWB(2,1)關閉現在所有的IE窗口,并打開一個新窗口
Web.ExecWB(4,1)保存網頁
Web.ExecWB(6,1)打印
Web.ExecWB(7,1)打印預覽
Web.ExecWB(8,1)打印頁面設置
Web.ExecWB(10,1)查看頁面屬性
Web.ExecWB(15,1)好像是撤銷,有待確認
Web.ExecWB(17,1)全選
Web.ExecWB(22,1)刷新
Web.ExecWB(45,1)關閉窗體無提示
<stylemedia=print>
.Noprint{display:none;}<!--用本樣式在打印時隱藏非打印項目-->
.PageNext{page-break-after:always;}<!--控制分頁-->
</style>
<objectid= "WebBrowser" width=0height=0classid= "CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" >
</object>

<centerclass= "Noprint" >
<inputtype=buttonvalue=打印onclick=document.all.WebBrowser.ExecWB(6,1)>
<inputtype=buttonvalue=直接打印onclick=document.all.WebBrowser.ExecWB(6,6)>
<inputtype=buttonvalue=頁面設置onclick=document.all.WebBrowser.ExecWB(8,1)>
</p>
<p><inputtype=buttonvalue=打印預覽onclick=document.all.WebBrowser.ExecWB(7,1)>
</center>

//去掉打印時的頁眉頁腳

<scriptlanguage= "JavaScript" >
var HKEY_Root,HKEY_Path,HKEY_Key;
HKEY_Root= "HKEY_CURRENT_USER" ;
HKEY_Path= "\\Software\\Microsoft\\InternetExplorer\\PageSetup\\" ;
//設置網頁打印的頁眉頁腳為空
function PageSetup_Null()
{
try
{
var Wsh= new ActiveXObject ( "WScript.Shell" );
HKEY_Key= "header" ;
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key, "" );
HKEY_Key= "footer" ;
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key, "" );
}
catch (e){}
}
//設置網頁打印的頁眉頁腳為默認值
function PageSetup_Default()
{
try
{
var Wsh= new ActiveXObject ( "WScript.Shell" );
HKEY_Key= "header" ;
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key, "&w&b頁碼,&p/&P" );
HKEY_Key= "footer" ;
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key, "&u&b&d" );
}
catch (e){}
}
</script>
<inputtype= "button" value= "清空頁碼" onclick=PageSetup_Null()>
<inputtype= "button" value= "恢復頁碼" onclick=PageSetup_Default()>

//瀏覽器驗證

function checkBrowser()
{
this .ver=navigator.appVersion
this .dom=document.getElementById?1:0
this .ie6=( this .ver.indexOf( "MSIE6" )>-1&& this .dom)?1:0;
this .ie5=( this .ver.indexOf( "MSIE5" )>-1&& this .dom)?1:0;
this .ie4=(document.all&&! this .dom)?1:0;
this .ns5=( this .dom&&parseInt( this .ver)>=5)?1:0;
this .ns4=(document.layers&&! this .dom)?1:0;
this .mac=( this .ver.indexOf('Mac')>-1)?1:0;
this .ope=(navigator.userAgent.indexOf('Opera')>-1);
this .ie=( this .ie6|| this .ie5|| this .ie4)
this .ns=( this .ns4|| this .ns5)
this .bw=( this .ie6|| this .ie5|| this .ie4|| this .ns5|| this .ns4|| this .mac|| this .ope)
this .nbw=(! this .bw)
return this ;
}

//計算內容寬和高

<SCRIPTlanguage= "javascript" >
function test(obj)
{
var range=obj.createTextRange();
alert( "內容區寬度:" +range.boundingWidth
+ "px\r\n內容區高度:" +range.boundingHeight+ "px" );

}
</SCRIPT>
<BODY>
<Textareaid= "txt" height= "150" >sdf</textarea><INPUTtype= "button" value= "計算內容寬度" onClick= "test(txt)" >
</BODY>

//無模式的提示框

function modelessAlert(Msg)
{
window.showModelessDialog( "javascript:alert(\"" +escape(Msg)+ "\");window.close();" , "" , "status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;" );
}

//屏蔽按鍵
<html>
<head>
<metahttp-equiv= "Content-Type" content= "text/html;charset=gb2312" >
<noscript><metahttp-equiv= "refresh" content= "0;url=about:noscript" ></noscript>
<title>屏蔽鼠標右鍵、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格鍵</title>
</head>
<body>
<scriptlanguage= "Javascript" ><!--
//屏蔽鼠標右鍵、Ctrl+N、Shift+F10、F11、F5刷新、退格鍵
//Author:meizz(梅花雨)2002-6-18
function document.oncontextmenu(){event.returnValue= false ;} //屏蔽鼠標右鍵
function window.onhelp(){ return false } //屏蔽F1幫助
function document.onkeydown()
{
if ((window.event.altKey)&&
((window.event.keyCode==37)|| //屏蔽Alt+方向鍵←
(window.event.keyCode==39))) //屏蔽Alt+方向鍵→
{
alert( "不準你使用ALT+方向鍵前進或后退網頁!" );
event.returnValue= false ;
}
/*注:這還不是真正地屏蔽Alt+方向鍵,
因為Alt+方向鍵彈出警告框時,按住Alt鍵不放,
用鼠標點掉警告框,這種屏蔽方法就失效了。以后若
有哪位高手有真正屏蔽Alt鍵的方法,請告知。*/

if ((event.keyCode==8)|| //屏蔽退格刪除鍵
(event.keyCode==116)|| //屏蔽F5刷新鍵
(event.ctrlKey&&event.keyCode==82)){ //Ctrl+R
event.keyCode=0;
event.returnValue= false ;
}
if (event.keyCode==122){event.keyCode=0;event.returnValue= false ;} //屏蔽F11
if (event.ctrlKey&&event.keyCode==78)event.returnValue= false ; //屏蔽Ctrl+n
if (event.shiftKey&&event.keyCode==121)event.returnValue= false ; //屏蔽shift+F10
if (window.event.srcElement.tagName== "A" &&window.event.shiftKey)
window.event.returnValue= false ; //屏蔽shift加鼠標左鍵新開一網頁
if ((window.event.altKey)&&(window.event.keyCode==115)) //屏蔽Alt+F4
{
window.showModelessDialog( "about:blank" , "" , "dialogWidth:1px;dialogheight:1px" );
return false ;
}
}
</script>
屏蔽鼠標右鍵、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格鍵
</body>
</html>

//屏蔽打印
<style>
@media print{
* {display:none}
}
</style>

//移動的圖層,拖動

1.<spanstyle='position:absolute;width:200;height:200;background:red'onmousedown=MouseDown( this )onmousemove=MouseMove()onmouseup=MouseUp()>meizz</span>
<scriptlanguage=javascript>
var Obj;
function MouseDown(obj)
{
Obj=obj;
Obj.setCapture();
Obj.l=event.x-Obj.style.pixelLeft;
Obj.t=event.y-Obj.style.pixelTop;
}
function MouseMove()
{
if (Obj!= null )
{
Obj.style.left=event.x-Obj.l;
Obj.style.top=event.y-Obj.t;
}
}
function MouseUp()
{
if (Obj!= null )
{
Obj.releaseCapture();
Obj= null ;
}
}
</script>
2.
<divid= "myDiv" src= "logo.gif" ondrag= "doDrag();" onmouseover= "this.style.cursor='hand'" style= "position:absolute;left=100;top=100;" onmousedown= "doMouseDown();" >
<ahref= "#" onclick= "returnfalse" ><h1>wlecome</h1></a>
</div>
<scriptlanguage= "JavaScript" type= "text/javascript" >
var orgMouseX;
var orgMouseY;
var orgObjX;
var orgObjY;
function doDrag()
{
var myObject=document.all.myDiv;

var x=event.clientX;
var y=event.clientY;
myObject.style.left=x-(orgMouseX-orgObjX);
myObject.style.top=y-(orgMouseY-orgObjY);

}
function doMouseDown()
{
orgMouseX=event.clientX;
orgMouseY=event.clientY;
orgObjX=parseInt(document.all.myDiv.style.left);
orgObjY=parseInt(document.all.myDiv.style.top);
}

</script>

//文檔狀態改變

<iframesrc= "a.html" id= "f" name= "f" scrolling= "no" frameborder=0marginwidth=0marginheight=0></iframe>
<script>
var doc=window.frames[ "f" ].document;
function s(){
if (doc.readyState== "complete" ){
document.all.f.style.height=doc.body.scrollHeight
document.all.f.style.width=doc.body.scrollWidth
}
}
doc.onreadystatechange=s
</script>

//刷新后不變的文本框

//訪問剪貼板

//操作COOKIE

function SetCookie(sName,sValue)
{
document.cookie=sName+ "=" +escape(sValue)+ ";" ;
}
function GetCookie(sName)
{
var aCookie=document.cookie.split( ";" );
for( var i=0;i<aCookie.length;i++)
{

var aCrumb=aCookie[i].split( "=" );
if (sName==aCrumb[0])
return unescape(aCrumb[1]);
}

}
function DelCookie(sName)
{
document.cookie=sName+ "=" +escape(sValue)+ ";expires=Fri,31Dec199923:59:59GMT;" ;
}

//setTimeout增加參數

<script>
var _st=window.setTimeout;
window.setTimeout= function (fRef,mDelay){
if (typeoffRef==' function '){
var argu= Array .prototype.slice.call(arguments,2);
var f=( function (){fRef.apply( null ,argu);});
return _st(f,mDelay);
}
return _st(fRef,mDelay);
}
function test(x){
alert(x);
}
window.setTimeout(test,1000,'fason');
</script>


//自定義的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( "下載完成." );
}


//檢驗連接是否有效

//組件是否安裝
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 ;
}

//連接數據庫

<scriptlanguage= "javascript" >
//用JavaScript寫服務器端連接數據庫的代碼示例
var conn= new ActiveXObject ( "ADODB.Connection" );
conn.Open( "Provider=SQLOLEDB.1;DataSource=localhost;UserID=sa;"
+ "Password=;InitialCatalog=pubs" );
var rs= new ActiveXObject ( "ADODB.Recordset" );
var sql= "select*fromauthors" ;
rs.open(sql,conn);
shtml= "<tablewidth='100%'border=1>" ;
shtml+= "<trbgcolor='#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:<inputtype=textdatasrc=#xmldateDataFLD=srnosize= "76" ><BR>
times:<inputtype=textdatasrc=#xmldateDataFLD=timessize= "76" ><BR>
<inputid= "first" TYPE=buttonvalue= "<< 第一條記錄" onclick= "xmldate.recordset.moveFirst()" >
<inputid= "prev" TYPE=buttonvalue= "<上一條記錄" onclick= "xmldate.recordset.movePrevious()" >
<inputid= "next" TYPE=buttonvalue= "下一條記錄>" onclick= "xmldate.recordset.moveNext()" >
<inputid= "last" TYPE=buttonvalue= "最后一條記錄>>" onclick= "xmldate.recordset.moveLast()" >
<inputid= "Add" TYPE=buttonvalue= "添加新記錄" onclick= "xmldate.recordset.addNew()" >

<XMLID= "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>
<ahref= "javascript:location.href=location.href+'?a=1&b=2'" >search</a>
<scriptlanguage= "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

<inputtype=textname=re_namestyle= "width:100px;height:21px;font-size:10pt;" ><spanstyle= "width:18px;border:0pxsolidred;" ><selectname= "r00" style= "margin-left:-100px;width:118px;background-color:#FFEEEE;" onChange= "document.all.re_name.value=this.value;" >
<optionvalue= "1" >11111111<option>
<optionvalue= "2" >222222</option>
<optionvalue= "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 ;
}

//書

<scriptlanguage= "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= "FirstColumn,FirstCell" ;
newBook.Worksheets(1).Cells(2,1).value= "FirstColumn,SecondCell" ;
newBook.Worksheets(1).Cells(1,2).value= "SecondColumn,FirstCell" ;
newBook.Worksheets(1).Cells(2,2).value= "SecondColumn,SecondCell" ;
newBook.Worksheets(1).Name= "MyFirstWorkSheet" ;
}
</script>


//自定義提示條

<ahref= "#" title= "這是提示" >tip</a>
<scriptLanguage= "JavaScript" >
//***********默認設置定義.*********************
tPopWait=50; //停留tWait豪秒后顯示提示。
tPopShow=5000; //顯示tShow豪秒后關閉提示
showPopStep=20;
popOpacity=99;
//***************內部變量定義*****************
sPop= null ;
curShow= null ;
tFadeOut= null ;
tFadeIn= null ;
tFadeWaiting= null ;
document.write( "<styletype='text/css'id='defaultPopStyle'>" );
document.write( ".cPopText{background-color:#F8F8F5;color:#000000;border:1px#000000solid;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( "<divid='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== "" ){
dy
分享到:
評論

javascript小技巧


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 精品欧美一区二区三区在线观看 | 成人亚洲网 | 亚洲精品一二区 | 国产精品亚洲成在人线 | 九九啪啪 | 精品日韩在线观看 | 日本不卡在线一区二区三区视频 | 91伊人影院| 久久国产精品久久精品国产 | 欧美一区二区视频 | 日韩国产欧美精品综合二区 | 四虎永久精品免费网址大全 | 欧美日韩成人在线视频 | 男人的天堂在线视频 | 日韩精品久久久久久 | 99re热在线视频 | 欧美日本俄罗斯一级毛片 | 久草在线免费看视频 | 曰本不卡视频 | 中文字幕三级久久久久久 | 日韩欧美在线播放 | 亚洲黄网视频 | 久久久亚洲欧洲日产国码二区 | 成人a毛片一级 | 中文字幕国产综合 | 日日操夜夜爱 | 阿v视频在线观看免费播放 阿v天堂2017 | 国产性tv国产精品 | 一a一片一级一片啪啪 | 免费女人18a级毛片视频 | 亚洲瑟瑟| 国产伦精品一区二区三区无广告 | 在线播放亚洲 | 国内精品久久久久久麻豆 | 亚洲酷色综合 | 亚洲一区二区免费在线观看 | 国产一区二区精品久久岳 | 精品日韩在线视频一区二区三区 | 成人xxx免费视频播放 | α片毛片 | 91色综合久久 |