[<script>標籤中是否要加入type="text/javascript"問題]
老舊的實例可能會在<script> 標籤中使用type="text/javascript"。
現在已經不必這樣做了。JavaScript 是所有現代瀏覽器以及HTML5 中的默認腳本語言。
[javascript正確於html放置位置]
1.可位於HTML 的<body> 或<head> 部分中,或者同時存在於兩個部分中。
2.可以使用外部文件,在<script> 標籤的"src" 屬性中設置該.js 文件,注意:外部js檔案內容不能包含<script>標籤。
<script src="myScript.js"></script>
[如何取得HTML裡指定的元素]
<p id="myid" >hello</p>
使用document.getElementById("myid" )
[如何改變元素裡的值]
document.getElementById("myid").innerHTML="hello guys";
[javascript大小寫是不同的]
myVariable 與MyVariable 也是不同的。
[註解]
//單行註解
/*多行註解*/
[變數問題]
宣告:變數名稱前加 var 來對變數進行宣告
字串:當變數是字串請用"或'將字串包起來,var x="word" 或 var x='word'
數字:當變數是數字可以不用使用任何引號,var x=1.25
宣告無值的變數:var x ,x為undefined
[全域變數&區域變數]
//var x 為全域變數
x=5;
y=1;
//在function內宣告的 var y為區域變數
function test(){
var y=10;
return y;
}
alert(x+y); //6
alert(x+test()); //15
//區域變數會在function執行結束後被刪除。
//全域變數會在葉面關閉後被刪除。
[重新宣告JavaScript 變量]
如果重新宣告JavaScript 變量,該變量的值不會丟失:
在以下兩條語句執行後,變量myname 的值依然是"wesley":
var myname="wesley"; var myname;
[陣列]
var i;
var color = new Array();
color[0] = "red";
color[1] = "blue";
color[2] = "green";
/*或者使用下面這種方式
var color=new Array("red","blue","green");
*/
for (i=0;i<color.length;i++)
{
document.write(color[i] + "<br>");
}
[物件]
//建立物件
var car={
name:"Volvo",
color:"blue",
plate:"AAA-8888"
};
/*建立物件另一種方式
car=new Object();
car.name="Volvo";
car.color="blue";
car.plate="AAA-8888";
*/
//取得屬性兩種方法
name=car.name;
name=car["name"];
//方法
car.drive()
car.brake()
[條件運算子]
condition ? val1 : val2
result = (score >= 60) ? "合格" : "不合格"
這個語句把“合格”的值代入給變數 result,只要 score 是 60 以上。否則,把“不合格”的值代入給 score。
[Break 與Continue]
break 語法用於跳出整個循環。
continue 語法用於套過符合條件循環中的一次。
for (i=0;i<10;i++)
{
if (i==3) break;
x=x + "The number is " + i + "<br>";
}
//結果:0,1,2
for (i=0;i<=10;i++)
{
if (i==3) continue;
x=x + "The number is " + i + "<br>";
}
//結果:0,1,2,4,5,6,7,8,9 跳過3
[next]
留言列表