如何使用?
內部
<script type="text/javascript"></script>
外部引用
<script src="script.js"></script>
ta作為一種腳本語言可以放在html任何位置。
注釋
//注釋內容 OR /*注釋內容*/
變量
1.變量必須使用字母、下劃線(_)或者美元符($)開始。
JS中如何輸出空格
在寫JS代碼的時候,大家可以會發現這樣現象:
document.write(" ? 1 ? ? ?2 ? ? ? ? ? ? ? ?3 ?");
結果:1 2 3
無論在輸出的內容中什么位置有多少個空格,顯示的結果好像只有一個空格。
這是因為瀏覽器顯示機制,對手動敲入的空格,將連續多個空格顯示成1個空格。
解決方法:
1. 使用輸出html標簽 來解決
document.write("1"+" "+"23");
結果:1 23
2. 使用CSS樣式來解決
document.write("<span style='white-space:pre;'>"+"? 1? ? ? ? 2? ? 3? ? "+"");
結果:1 ? ? ? 2 ? ? 3
在輸出時添加“white-space:pre;”樣式屬性。這個樣式表示"空白會被瀏覽器保留"
JS輸出換行
"<br>"
彈出框
彈出一行字 ?alert(str)
yes or no 消息對話框 ? confirm(str)?
str:在消息對話框中要顯示的文本
返回值:Boolean值
有文本框 ?prompt(str1, str2);
str1:要顯示在消息對話框中的文本,不可修改
str2:文本框中的內容,可以修改
打開新窗口
window.open([URL], [窗口名稱], [參數字符串])
"_top"、"_blank"、"_self"
例:打開http://www.imooc.com網站,大小為300px * 200px,無菜單,無工具欄,無狀態欄,窗口距屏幕頂100像素有滾動條窗口:
window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
window.open('http://www.imooc.com','_blank','width=300,height=200,top=100,menubar=no,toolbar=no, status=no,scrollbars=yes')
通過Id設置控件
document.getElementById(“id”)
設置html標簽,屬性用于獲取或替換 HTML 元素的內容。
Object.innerHTML
注意:
1.Object是獲取的元素對象,如通過document.getElementById("ID")獲取的元素。
2.注意書寫,innerHTML區分大小寫。
設置樣式
Object.style.color="";...
Object.style.display= none(隱藏)|block(顯示)
對class
className 屬性設置或返回元素的class 屬性。
object.className = classname
修改或添加對象的class名字,可以起到快捷更換樣式的作用。
??恢復最初樣式:
.removeAttribute('style');