JavaScript總結(jié)

配圖.jpg

輸入內(nèi)容:document.write();

例:document.write("I love JavaScript!");

警告:alert消息對話框。

例:

function rec(){
var mychar="I love JavaScript";
alert(mychar);
}

確認、取消: confirm消息對話框。

例:

var message=confirm("你喜歡JavaScript嗎?");
if(message==true)
{   
document.write("nice!");
}else{
document.write("記得學(xué)習(xí)哦!");
}

提問判斷:prompt消息對話框。

例:

var myname=prompt("請輸入你的姓名:");
if(myname!=null)
{
alert("你好"+myname);
}else{
alert("你好無名氏.");
}

打開新窗口:window.open。

例:window.open([URL], [窗口名稱], [參數(shù)字符串])

關(guān)閉窗口:window.close。

例:<窗口對象>.close();

innerHTML 屬性用于獲取或替換 HTML 元素的內(nèi)容。

顯示和隱藏:display屬性

例:

function hidetext()  
{  
var mychar = document.getElementById("con");
mychar.style.display="none";
}  
function showtext()  
{  
var mychar = document.getElementById("con");
mychar.style.display="block";
}

控制類名:className屬性

通過className屬性可以改變當前節(jié)點下的樣式

鼠標事件:onclick,onmouseover,onmouseout

onclick為鼠標單擊觸發(fā)事件,onmouseover為鼠標經(jīng)過事件,onmouseout鼠標移開事件

光標聚集事件:onfocus
失焦事件:onblur
內(nèi)容選中事件:onselect
文本框改變事件:onchange
加載事件:onload

例:(以光標聚集事件為例)

<head>
<script type="text/javascript">
function message(){
alert("");
}
</script>
</head>
<body>
請選擇您的職業(yè):<br>
<form>
<select name="" onfocus="message()"> 
</select> 
</form>
</body>

卸載事件:onunload

例:

<script type="text/javascript">  
window.onunload=onunload_message;
function onunload_message(){
alert("你確定要離開該頁面嗎?");
}
</script>  

設(shè)置日期:var Udate=new Date()
改變字符串的大小寫:toUpperCase(),toLowerCase()

charAt() 方法可返回指定位置的字符。
indexOf() 方法可返回某個指定的字符串值在字符串中首次出現(xiàn)的位置。
split() 方法將字符串分割為字符串數(shù)組,并返回此數(shù)組。
substring() 方法用于提取字符串中介于兩個指定下標之間的字符。
substr() 方法從字符串中提取從 startPos位置開始的指定數(shù)目的字符串。

startPos必需,要提取的子串的起始位置,必須是數(shù)值

例:(以charAt() 方法為例)

<script type="text/javascript">
var mystr="I love JavaScript!"
document.write(mystr.charAt(mystr.length-1) );
</script>

Math.ceil(x),可對一個數(shù)進行向上取整。
Math.floor(x),可以對一個證書進行向下取整。
Math.round(x),可以把一個數(shù)字四舍五入為最接近的整數(shù)。
Math.random(x),可以返回可返回介于 0 ~ 1(大于或等于 0 但小于 1 )之間的一個隨機數(shù)。

x必需,且必須是一個數(shù)值

例:

<script type="text/javascript">
document.write(Math.ceil(3.3)+"<br />");
document.write(Math.floor(3.3)+"<br />");
document.write(Math.round(3.3)+"<br />");
var i=Math.random()*10;
document.write(Math.round(i));
</script>

concat() 方法用于連接兩個或多個數(shù)組。

例:

var myarr1= new Array("010")
var myarr2= new Array("-","84697581");
var myarr=myarr1.concat(myarr2);
document.write(myarr);

join()方法用于把數(shù)組中的所有元素放入一個字符串,其中的元素是通過指定的分隔符進行分隔的。

reverse() 方法用于顛倒數(shù)組中元素的順序。

例:

var arr1= ["我","愛","你"];
document.write(arr1.reverse());

slice() 方法可從已有的數(shù)組中返回選定的元素。

sort()方法使數(shù)組中的元素按照一定的順序排列。

例:

function sortNum(a,b) {
return b-a;//升序。如要降序,把“a - b”該成“b - a”
}
var myarr = new Array("80","16","50","6","100","1");
document.write(myarr.sort(sortNum));

計時器,setInterval(代碼,交互時間);

例:

function clock(){
......
}
setInterval(clock,100);

clearInterval() 方法可取消由 setInterval() 設(shè)置的交互時間。

setTimeout()計時器,在載入后延遲指定時間后,去執(zhí)行一次表達式,僅執(zhí)行一次。
setTimeout()和clearTimeout()一起使用,停止計時器。

window.history.go(-1)或者window.history.back()返回上一個頁面。
window.history.go(1)或者window.history.forward跳入下一個頁面。

location用于獲取或設(shè)置窗體的URL,并且可以用于解析URL。

location對象屬性圖
location對象屬性.jpg

screen對象用于獲取用戶的屏幕信息(screen.width()、(screen.heigth())
screen.availWidth 屬性返回訪問者屏幕的寬度
screen.availHeight 屬性返回訪問者屏幕的高度

例:window.screen.屬性

getElementsByName()方法,返回帶有指定名稱的節(jié)點對象的集合。
getElementsByTagName()方法,返回帶有指定標簽名的節(jié)點對象的集合。
getAttribute()方法,通過元素節(jié)點的屬性名稱獲取屬性的值
setAttribute() 方法增加一個指定名稱和值的新屬性,或者把一個現(xiàn)有的屬性設(shè)定為指定的值。

nodeName : 節(jié)點的名稱 ;
nodeValue :節(jié)點的值 ;
nodeType :節(jié)點的類型;
訪問子結(jié)點childNodes;
訪問父節(jié)點parentNode;
nextSibling 屬性可返回某個節(jié)點之后緊跟的節(jié)點。

insertBefore() 方法可在已有的子節(jié)點前插入一個新的子節(jié)點。
插入節(jié)點appendChild();
刪除節(jié)點removeChild();
替換元素節(jié)點replaceChild();
創(chuàng)建元素節(jié)點createElement();
創(chuàng)建文本節(jié)點createTextNode();

innerHTML在JS是雙向功能:獲取對象的內(nèi)容 或 向?qū)ο蟛迦雰?nèi)容;

網(wǎng)頁尺寸scrollHeight;
網(wǎng)頁尺寸offsetHeight(含有滾動條等);

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第1章 認識JS JavaScript能做什么?1.增強頁面動態(tài)效果(如:下拉菜單、圖片輪播、信息滾動等)2.實現(xiàn)...
    mo默22閱讀 1,511評論 0 5
  • 一、JS前言 (1)認識JS 也許你已經(jīng)了解HTML標記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,932評論 0 8
  • 我們還要釐清的是五傷與意志暗流的對應(yīng)關(guān)係。五種暗流對應(yīng)的就是五個肢體部位(包括頭部在內(nèi)),但只有四種暗流會分布到相...
    汪孝莉閱讀 247評論 0 0
  • 小狐貍fov閱讀 303評論 0 0
  • 【案情介紹】 “我住一樓,從不坐電梯,交哪門子電梯費?”北京的徐女士認準這理,拒絕給物業(yè)公司交電梯費,物業(yè)費則一分...
    538a902176e9閱讀 390評論 0 0

友情鏈接更多精彩內(nèi)容