1. 程式人生 > >Javascript基礎(五):屬性、方法和for迴圈

Javascript基礎(五):屬性、方法和for迴圈

一、屬性和方法的區別

有很多同學在學習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>