博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript 学习笔记
阅读量:6955 次
发布时间:2019-06-27

本文共 1788 字,大约阅读时间需要 5 分钟。

程序结构:JavaScript脚本语言只提供了两种结构:条件结构, 循环结构

If语句:

<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" οnclick="rec(this.form)" value="显示">
</form>
  </body>
</html>

For语句:

<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语法

<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" οnclick="rec(this.form)" value="显示">
</form>
</body>
</html>

函数:

在JavaScript脚本语言中, 是使用Function来定义函数的, 函数的结构分为:有参函数和无参函数.
1. 有参函数
Function 函数名(参数1,参数2...)
2. 无参函数 
Function 函数名()

JavaScript常用元素: 常量, 变量, 运算符, 函数, 对象, 事件

实例:

<html>
<head>
<title>这是第一个JavaScript程序</title>
</head>
<body>
<script language="javascript">
function rec()
{
alert("你好!欢迎大家一起来学习JavaScript!")
}
</script>
<form>
<input name="button" type="button" οnclick="rec()" value="运行程序">
<br>
</form>
</body>
</html>

 

 

转载于:https://www.cnblogs.com/socool-hu/p/5673771.html

你可能感兴趣的文章
html5应用缓存Application Cache 详解
查看>>
sqlyog 试用30天的问题
查看>>
挑战实例_简单网络管理协议——SNMP
查看>>
算法中的递归分析和分治法的原理
查看>>
我中国开发者给Nokia的一封信.zip
查看>>
我的友情链接
查看>>
CentOS7.2安装详细步骤
查看>>
社交系统ThinkSNSPlus V2.0.1更新播报
查看>>
android内存泄漏的检测和排除
查看>>
oracle热块争用的解决方法
查看>>
我的友情链接
查看>>
ArrayList源码分析
查看>>
查看Linux服务器网卡流量小脚本shell
查看>>
ubuntu12.04LTS安装
查看>>
数据表的左右连接
查看>>
Linux ./configure --prefix命令
查看>>
Android 图片放大和缩小
查看>>
Elasticsearch- 分词查询
查看>>
RDMA技术分析
查看>>
EL(Expression Language)表达式概述
查看>>