[<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]

arrow
arrow
    創作者介紹
    創作者 衛斯理不理 的頭像
    衛斯理不理

    衛斯理不理學習心得與技術日常

    衛斯理不理 發表在 痞客邦 留言(0) 人氣()