js基礎:輸出,語句,變量的小例子
阿新 • • 發佈:2017-12-04
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"> functionmyFunction(){ 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"> functionmyFunction2(){ 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"> functionmyFunction3(){ 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基礎:輸出,語句,變量的小例子