javascript的位置:
javascript可以寫在head中,也可以寫在body里,也可以寫在外部引用文件中。
javascript作為一種腳本語言可以放在html頁面中任何位置,但是瀏覽器解釋html時(shí)是按先后順序的,所以前面的script就先被執(zhí)行。比如進(jìn)行頁面顯示初始化的js必須放在head里面,因?yàn)槌跏蓟家筇崆斑M(jìn)行(如給頁面body設(shè)置css等);而如果是通過事件調(diào)用執(zhí)行的function那么對位置沒什么要求的。
函數(shù):
函數(shù)是完成某個(gè)特定功能的一組語句。如沒有函數(shù),完成任務(wù)可能需要五行、十行、甚至更多的代碼。這時(shí)我們就可以把完成特定功能的代碼塊放到一個(gè)函數(shù)里,直接調(diào)用這個(gè)函數(shù),就省重復(fù)輸入大量代碼的麻煩。
JS常用的方法:
輸出內(nèi)容:document.write
警告:alert
確認(rèn): confirm
語法:
confirm(str);
參數(shù)說明:
str:在消息對話框中要顯示的文本
返回值: Boolean值
返回值:
當(dāng)用戶點(diǎn)擊"確定"按鈕時(shí),返回true
當(dāng)用戶點(diǎn)擊"取消"按鈕時(shí),返回false
function rec(){
var mymessage= confirm("你是女士嗎?") ;
if(mymessage==true)
{
document.write("你是女士!");
}
else
{
document.write("你是男士!");
}
}
提問:prompt
語法:
prompt(str1, str2);
參數(shù)說明:
str1: 要顯示在消息對話框中的文本,不可修改
str2:文本框中的內(nèi)容,可以修改
返回值:
- 點(diǎn)擊確定按鈕,文本框中的內(nèi)容將作為函數(shù)返回值
- 點(diǎn)擊取消按鈕,將返回null
var myname=prompt("請輸入你的姓名:");
if(myname!=null)
{ alert("你好"+myname); }
else
{ alert("你好 my friend."); }
打開新窗口:window.open
open() 方法可以查找一個(gè)已經(jīng)存在或者新建的瀏覽器窗口。
語法:
window.open([URL], [窗口名稱], [參數(shù)字符串])
參數(shù)說明:
URL:可選參數(shù),在窗口中要顯示網(wǎng)頁的網(wǎng)址或路徑。如果省略這個(gè)參數(shù),或者它的值是空字符串,那么窗口就不顯示任何文檔。
窗口名稱:可選參數(shù),被打開窗口的名稱。
1.該名稱由字母、數(shù)字和下劃線字符組成。
2."_top"、"_blank"、"_selft"具有特殊意義的名稱。
_blank:在新窗口顯示目標(biāo)網(wǎng)頁
_self:在當(dāng)前窗口顯示目標(biāo)網(wǎng)頁
_top:框架網(wǎng)頁中在上部窗口中顯示目標(biāo)網(wǎng)頁
3.相同 name 的窗口只能創(chuàng)建一個(gè),要想創(chuàng)建多個(gè)窗口則 name 不能相同。
4.name 不能包含有空格。
參數(shù)字符串:可選參數(shù),設(shè)置窗口參數(shù),各參數(shù)用逗號隔開。
<script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>
關(guān)閉窗口:window.close
close()關(guān)閉窗口
用法:
window.close(); //關(guān)閉本窗口
<窗口對象>.close(); //關(guān)閉指定的窗口
DOM元素操作:
通過ID獲取元素
document.getElementById(“id”)
innerHTML 屬性
innerHTML 屬性用于獲取或替換 HTML 元素的內(nèi)容。
Object.innerHTML
改變 HTML 樣式
語法:
Object.style.property=new style;
顯示和隱藏(display屬性)
Object.style.display = value
控制類名(className 屬性)
object.className = classname