1. 程式人生 > >js基礎:輸出,語句,變量的小例子

js基礎:輸出,語句,變量的小例子

lang js數組 ray 變量 charset ext document 語句 script

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>JavaScript</h1>
    <p>請輸入數字,如果輸入值不是數字,瀏覽器會彈出提示框。</p>
    <input type="text" name="" id="demo">
    <script type="text/javascript">
        function
myFunction(){ var x=document.getElementById(‘demo‘).value; if(x==‘‘||isNaN(x)) { alert(‘不是數字!‘); } } </script> <input type="button" name="" value="點擊這裏" onclick="myFunction()"> <hr/> <p id="demo2">javascript能改變html元素的樣式</p> <script type="text/javascript"> function
myFunction2(){ var yangs=document.getElementById(‘demo2‘);//找到該元素 yangs.style.color=‘yellow‘;//改變字體顏色為紅色 } </script> <input type="button" name="" value="請點擊這裏" onclick="myFunction2()"> <hr> <p id="demo3" onclick="myFunction3()">點擊我,改變html內容</p> <script type="text/javascript"> function
myFunction3(){ var neir=document.getElementById(‘demo3‘); neir.innerHTML=‘已經改變js內容了‘; } </script> <hr> <!-- 通過指定的id來訪問html元素,並改變其內容 --> <p id="demo4" onclick="myFunction4()">點擊我,內容未改變</p> <script> function myFunction4(){ document.getElementById(‘demo4‘).innerHTML=‘內容已改變‘; } </script> <hr> <!-- 一個好的編程習慣是,在代碼開始處,統一對需要的變量進行聲明。 --> <p>創建變量並顯示效果</p> <p id="demo5"></p> <script> function myFunction5(){ var carname=‘這是新名字Marvin‘ document.getElementById(‘demo5‘).innerHTML=carname; } </script> <input type="button" name="" value="點擊" onclick="myFunction5()"> <hr> <p>js數組</p> <script type="text/javascript"> var i; var cars=new Array(); cars[0]=‘A‘; cars[1]=‘B‘; cars[2]=‘C‘; for(i=0;i<cars.length;i++){ document.write(cars[i]+‘<br>‘); } </script> </body> </html>

js基礎:輸出,語句,變量的小例子