JavaScript 學習筆記

程序結構:JavaScript腳本語言只提供了兩種結構:條件結構, 循環結構
If語句:javascript

複製代碼
<html >
  <head>
     <title>IF語句的使用</title>
  </head>
  <body>
  <script  language="javascript">
  function  rec(form)
  {
    var a=form.recshortth.value;
    
{
    if(a>60)
       alert("及格");
   else
       alert("不及格");
 }

}
  </script>
<form>
<input type="text" name="recshortth"><br>
<input name="button" type="button" onclick="rec(this.form)" value="顯示">
</form>
  </body>
</html>
複製代碼

For語句:html

複製代碼
<html>
<head>
<title>For語句循環</title>
</head>
<body>
<script language="javascript">
var i=1
for(i=1;i<=4;i++)
{
document.write("<h",i,">歡迎你們一塊兒來學習JavaScript!</h",i,">");
}
</script>
</body>
</html>
複製代碼

Do While語法java

複製代碼
<html>
<head>
<title>Do While使用</title>
</head>
<body>
<script language="javascript">
var i=1;
do
{ document.write("<h",i,">歡迎你們一塊兒來學習JavaScript!</h",i,">");
i++;}
while(i<1)
</script>
</body>
</html>
複製代碼

Switch語句:函數

複製代碼
<html>
<head>
<title>Switch語句的使用</title>
</head>
<body>
<script language="javascript">
function rec(form)
{var a=form.recshortth.value;
switch(a)
{case '90':
{document.write("優秀");
break;}
case '80':
{document.write("良好");
break;}
case '70':
{document.write("中等");
break;}
case '60':
{document.write("及格");
break;}
default:
{document.write("不及格");
break;}
}
}
</script>
<form>
<input type="text" name="recshortth"><br>
<input type="button" name="button" onclick="rec(this.form)" value="顯示">
</form>
</body>
</html>
複製代碼

函數:
在JavaScript腳本語言中, 是使用Function來定義函數的, 函數的結構分爲:有參函數和無參函數.
1. 有參函數
Function 函數名(參數1,參數2...)
2. 無參函數 
Function 函數名()學習

JavaScript經常使用元素: 常量, 變量, 運算符, 函數, 對象, 事件
實例:this

複製代碼
<html>
<head>
<title>這是第一個JavaScript程序</title>
</head>
<body>
<script language="javascript">
function rec()
{
alert("你好!歡迎你們一塊兒來學習JavaScript!")
}
</script>
<form>
<input name="button" type="button" onclick="rec()" value="運行程序">
<br>
</form>
</body>
</html>
複製代碼


 

 
相關文章
相關標籤/搜索