設為首頁

收藏本站

導覽首頁 | 新登場    ◇聯盟溫泉 | 民宿 | 人力銀行 | 女性 |

類型:js_article

網頁製作Javascript經典小技巧總結網頁
每一項都是js中的小技巧,但十分的實用!
1.document.write(」"); 輸出語句
2.js中的註釋為//
3.傳統的html文檔順序是:document->html->(head,body)
4.一個瀏覽器窗口中的dom順序是:window->(navigator,screen,history,location,document)
5.得到表單中元素的名稱和值:document.getelbentbyid(」表單中元素的id號」).name(或value)
6.一個小寫轉大寫的js: document.getelbentbyid(」output」).value = document.getelbentbyid(」input」).value.touppercase();
7.js中的值類型:string,number,bobean,null,object,function
8.js中的字符型轉換成數值型:parseint(),parsefloat()
9.js中的數字轉換成字符型:(""+變量)
10.js中的取字符串長度是:(length)

11.js中的字符與字符相連接使用+號.
12.js中的比較操作符有:==等於,!=不等於,>,>=,<.<=
13.js中聲明變量使用:var來進行聲明
14.js中的判斷語句結構:if(condition){}else{}
15.js中的循環結構:for([initial expression];[condition];[upadte expression]) {inside loop}
16.循環中止的命令是:break
17.js中的函數定義:function functionname([parameter],...){statbent[s]}
18.當文件中出現多個form表單時.可以用document.forms
  • ,document.forms[1]來代替.
    19.窗口:打開窗口window.open(), 關閉一個窗口:window.close(), 窗口本身:self
    20.狀態欄的設置:window.status="字符";
    21.彈出提示信息:window.alert("字符");
    22.彈出確認框:window.confirm();
    23.彈出輸入提示框:window.prompt();
    24.指定當前顯示鏈接的位置:window.location.href="url"
    25.取出窗體中的所有表單的數量:document.forms.length
    26.關閉文檔的輸出流:document.close();
    27.字符串追加連接符:+=
    28.創建一個文檔元素:document.createelbent(),document.createtextnode()
    29.得到元素的方法:document.getelbentbyid()
    30.設置表單中所有文本型的成員的值為空:
    var form = window.document.forms

  • for (var i = 0; i
    if (form.elbents[i].type == "text"){
    form.elbents[i].value = "";
    }
    }
    31.復選按鈕在js中判斷是否選中:document.forms
  • .checkthis.checked (checked屬性代表為是否選中返回true或false)
    32.單選按鈕組(單選按鈕的名稱必須相同):取單選按鈕組的長度document.forms
  • .groupname.length
    33.單選按鈕組判斷是否被選中也是用checked.
    34.下拉列表框的值:document.forms
  • .selectname.options[n].value (n有時用下拉列表框名稱加上.selectedindex來確定被選中的值)
    35.字符串的定義:var mystring = new string("this is lightsword");
    36.字符串轉成大寫:string.touppercase(); 字符串轉成小寫:string.tolowercase();
    37.返回字符串2在字符串1中出現的位置:string1.indexof("string2")!=-1則說明沒找到.
    38.取字符串中指定位置的一個字符:stringa.charat(9);
    39.取出字符串中指定起點和終點的子字符串:stringa.substring(2,6);
    40.數學函數:math.pi(返回圓周率),math.sqrt2(返回開方),math.max(value1,value2)返回兩個數中的最在值,math.pow(value1,10)返回value1的十次方,math.round(value1)四捨五入函數,math.floor(math.random()*(n+1))返回隨機數
    41.定義日期型變量:var today = new date();
    42.日期函數列表:dateobj.gettime()得到時間,dateobj.getyear()得到年份,dateobj.getfullyear()得到四位的年份,dateobj.getmonth()得到月份,dateobj.getdate()得到日,dateobj.getday()得到日期幾,dateobj.gethours()得到小時,dateobj.getminutes()得到分,dateobj.getseconds()得到秒,dateobj.settime(value)設置時間,dateobj.setyear(val)設置年,dateobj.setmonth(val)設置月,dateobj.setdate(val)設置日,dateobj.setday(val)設置星期幾,dateobj.sethours設置小時,dateobj.setminutes(val)設置分,dateobj.setseconds(val)設置秒 [注意:此日期時間從0開始計]
    43.frame的表示方式: [window.]frames[n].objfuncvarname,frames["framename"].objfuncvarname,framename.objfuncvarname
    44.parent代表父親對像,top代表最頂端對像
    45.打開子窗口的父窗口為:opener
    46.表示當前所屬的位置:this
    47.當在超鏈接中調用js函數時用:(javascript 來開頭後面加函數名
    48.在老的瀏覽器中不執行此js:< !-- //-- >
    49.引用一個文件式的js:< script type="text/javascript" src="aaa.js" _fcksavedurl=""aaa.js"" _fcksavedurl=""aaa.js"" _fcksavedurl=""aaa.js"" _fcksavedurl=""aaa.js"" >< /script >
    50.指定在不支持腳本的瀏覽器顯示的html:< noscript >< /noscript >
    51.當超鏈和onclick事件都有時,則老版本的瀏覽器轉向a.html,否則轉向b.html.例:< a href="a.html" onclick="location.href='b.html' _fcksavedurl='b.html' _fcksavedurl='b.html' _fcksavedurl='b.html' _fcksavedurl='b.html';return false" >dfsadf< /a >
    52.js的內建對像有:array,bobean,date,error,evalerror,function,math,number,object,rangeerror,referenceerror,regexp,string,syntaxerror,typeerror,urierror
    53.js中的換行:\n
    54.窗口全屏大小:< script >function fullscreen(){ this.moveto(0,0);this.outerwidth=screen.availwidth;this.outerheight=screen.availheight;}window.maximize=fullscreen;< /script >
    55.js中的all代表其下層的全部元素
    56.js中的焦點順序:document.getelbentbyid(」表單元素」).tabindex = 1
    57.innerhtml的值是表單元素的值:如< p >「how are < b >you< /b >「< /p >,則innerhtml的值就是:how are < b >you< /b >
    58.innertext的值和上面的一樣,只不過不會把< b >這種標記顯示出來.
    59.contenteditable可設置元素是否可被修改,iscontenteditable返回是否可修改的狀態.
    60.isdisabled判斷是否為禁止狀態.disabled設置禁止狀態
    61.length取得長度,返回整型數值
    62.addbehavior()是一種js調用的外部函數文件其擴展名為.htc
    63.window.focus()使當前的窗口在所有窗口之前.
    64.blur()指失去焦點.與focus()相反.
    65.select()指元素為選中狀態.
    66.防止用戶對文本框中輸入文本:onfocus=」this.blur()」
    67.取出該元素在頁面中出現的數量:document.all.tags(」div(或其它html標記符)」).length
    68.js中分為兩種窗體輸出:模態和非模態.window.showmodaldialog(),window.showmodeless()
    69.狀態欄文字的設置:window.status=』文字』,默認的狀態欄文字設置:window.defaultstatus = 『文字.』;
    70.添加到收藏夾:external.addfavorite(」http://www.South Master」,」jaskdlf」);
    71.js中遇到腳本錯誤時不做任何操作:window.onerror = donothing; 指定錯誤句柄的語法為:window.onerror = handleerror;
    72.js中指定當前打開窗口的父窗口:window.opener,支持opener.opener…的多重繼續.
    73.js中的self指的是當前的窗口
    74.js中狀態欄顯示內容:window.status=」內容」
    75.js中的top指的是框架集中最頂層的框架
    76.js中關閉當前的窗口:window.close();
    77.js中提出是否確認的框:if(confirm(」are you sure?」)){alert(」ok」);}else{alert(」not ok」);}
    78.js中的窗口重定向:window.navigate(」http://www.South Master」);
    79.js中的打印:window.print()
    80.js中的提示輸入框:window.prompt(」message」,」defaultreply」);
    81.js中的窗口滾動條:window.scrbl(x,y)
    82.js中的窗口滾動到位置:window.scrblby
    83.js中設置時間間隔:setinterval(」expr」,msecdelay)或setinterval(funcref,msecdelay)或settimeout
    84.js中的模態顯示在ie4+行,在nn中不行:showmodaldialog(」url」[,arguments][,features]);
    85.js中的退出之前使用的句柄:function verifyclose(){event.returnvalue=」we really like you and hope you will stay longer.」;}} window.onbeforeunload=verifyclose;
    86.當窗體第一次調用時使用的文件句柄:onload()
    87.當窗體關閉時調用的文件句柄:onunload()
    88.window.location的屬性: protocb(http:),hostname( www.example.com),port(80),host( www.example.com:80),pathname(」/a/a.html」),hash(」#giantgizmo」,指跳轉到相應的錨記),href(全部的信息)
    89.window.location.reload()刷新當前頁面.
    90.window.history.back()返回上一頁,window.history.forward()返回下一頁,window.history.go(返回第幾頁,也可以使用訪問過的url)
    91.document.write()不換行的輸出,document.writeln()換行輸出
    92.document.body.nowrap=true;防止鏈接文字折行.
    93.變量名.charat(第幾位),取該變量的第幾位的字符.
    94.」abc」.charcodeat(第幾個),返回第幾個字符的ascii碼值.
    95.字符串連接:string.concat(string2),或用+=進行連接
    96.變量.indexof(」字符」,起始位置),返回第一個出現的位置(從0開始計算)
    97.string.lastindexof(searchstring[,startindex])最後一次出現的位置.
    98.string.match(regexpression),判斷字符是否匹配.
    99.string.replace(regexpression,replacestring)替換現有字符串.
    100.string.split(分隔符)返回一個數組存儲值.
    101.string.substr(start[,length])取從第幾位到指定長度的字符串.
    102.string.tolowercase()使字符串全部變為小寫.
    103.string.touppercase()使全部字符變為大寫.
    104.parseint(string[,radix(代表進制)])強制轉換成整型.
    105.parsefloat(string[,radix])強制轉換成浮點型.
    106.isnan(變量):測試是否為數值型.
    107.定義常量的關鍵字:const,定義變量的關鍵字:var


  • 主旨:

    內容:




    104休閒信箱 2.3.0 © 104mm.com 2001 - 2017. 您尚未登錄
    Page generated in 0.01768899 seconds with 3 Queries