
輸入內(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。


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(含有滾動條等);