Javascript基礎(五):屬性、方法和for迴圈
阿新 • • 發佈:2019-02-13
一、屬性和方法的區別
有很多同學在學習js時分不清屬性和方法,那麼到底怎麼區分兩者呢?
首先,從定義上來看:
屬性:屬性是一個變數,是給設定一個物件的特徵,如寬高、顏色等;
方法:方法是一個函式,是用來操作物件的,如判斷是不是一個數字,isNan();
從寫法上來看,
屬性: div.color = “red”; 屬性給值一定是等號。
方法:isNaN(“值”); 方法給值用(),它是動詞性的。
幾個常用方法:
1.自動獲得焦點
基本語法:txt.focus();
示例程式碼:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
window.onload = function(){
var txt = document.getElementById("txt");
txt.focus(); //自動獲得焦點
}
</script>
</head>
<body>
自動獲得焦點:
<input type="text" id="txt"/>
2.滑鼠經過選擇表單
基本語法:Txt.select();
示例程式碼:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
window.onload = function(){
var sele = document.getElementById("select" );
sele.onmouseover = function(){
this.select(); //選擇
}
}
</script>
</head>
<body>
滑鼠經過選擇表單:
<input type="text" id="select"/>
</body>
</html>
二、for迴圈
1.基本語法
<script>
for(var i=0; i<=100; i++){
document.write("這個人活了"+i+"歲了<br/>" )
}
</script>
2.例項:列印金字塔
<script>
for(var i=0; i<=100; i+=2){
document.write("<hr width="+i+"%/ >" )
// hr表示一條線,寬度沒此增加"+i+"%,注意寫法
}
</script>