JavaScript学习记录(三)

最新推荐文章于 2024-04-29 21:35:15 发布

yaoyaoyao2

最新推荐文章于 2024-04-29 21:35:15 发布

阅读量245

点赞数

分类专栏：成长日记文章标签： javascript

本文链接：https://blog.csdn.net/yaoyaoyao2/article/details/54382185

版权

成长日记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

JavaScript学习记录(三)

主要内容：函数、函数语法、变量、运算符、if/else语句、switch语句

以下学习内容参考w3school官网学习资料

1.JavaScript函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

2.JavaScript函数语法

①函数就是包裹在花括号中的代码块，前面使用了关键词 function：

function functionname()

{

这里是要执行的代码

}

JavaScript 对大小写敏感。关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。

②调用带参数的函数

function myFunction(var1,var2)

{

这里是要执行的代码

}

3.JavaScript局部变量和全局变量和尚未声明的变量

在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。

在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。

如果把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。

4.JavaScript运算符

①JavaScript算数运算符

+ - * / % ++ --

②JavaScript赋值运算符

= += -= *= /= %=

③JavaScript字符串连接运算符

④JavaScript比较运算符

== === != > < >= <=

⑤JavaScript逻辑运算符

&& || !

⑥JavaScript条件运算符

语法

variablename=(condition)?value1:value2

类似于C语言里的条件表达式

5.JavaScript里的if/else语句和switch语句

在 JavaScript 中，我们可使用以下条件语句：

if 语句 - 只有当指定条件为 true时，使用该语句来执行代码

if...else 语句 - 当条件为 true 时执行代码，当条件为false 时执行其他代码

if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行

switch 语句 - 使用该语句来选择多个代码块之一来执行

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

	<script type="text/javascript">
     function myFunction()
     {
     	alert("Hello World!");
     }

     //带参数的函数
     function myFunction2(name,job)
     {
        alert("Welcome "+name+" , the "+job);
     }

     //带有返回值的函数
     function addFunction(x,y)
     {
     	return x+y;
     }

	</script>
</head>
<body>
<button οnclick="myFunction()">点击这里</button>
<button οnclick="myFunction2('Bill Gates','CEO')">点击这里</button>
<p id="demo">The result is:</p>

<script type="text/javascript">
	document.getElementById("demo").innerHTML=addFunction(5,6);
</script>


<p>点击这个按钮，获得基于时间的问候。</p>
<button οnclick="greetingFunction()">点击这里</button>
<P id="greeting"></P>
<script type="text/javascript">
	function greetingFunction() {
		var x="";
		var time=new Date().getHours();
		if(time<10){
           x="Good morning";
		}else if(time<20){
           x="Good day";
		}else{
		   x="Good evening";
		}
		document.getElementById("greeting").innerHTML=x;
	}

</script>

<p>点击下面的按钮来显示是周几：</p>
<button οnclick="getFunction()">点击这里</button>
<p id="get"></p>
<script type="text/javascript">
	function getFunction () {
		var x;
		var d=new Date().getDay();
		switch(d)
		{
  case 0:
    x="Today it's Sunday";
    break;
  case 1:
    x="Today it's Monday";
    break;
  case 2:
    x="Today it's Tuesday";
    break;
  case 3:
    x="Today it's Wednesday";
    break;
  case 4:
    x="Today it's Thursday";
    break;
  case 5:
    x="Today it's Friday";
    break;
  case 6:
    x="Today it's Saturday";
    break;
  default:
    x="Looking forward to the Weekend";
  }
document.getElementById("get").innerHTML=x;
	}
</script>

</body>
</html>

以上代码是为了自己理解随意写的，没有注意格式=.=！

yaoyaoyao2

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习记录(三)

JavaScript学习记录(三)主要内容：函数、函数语法、变量、运算符、if/else语句、switch语句以下学习内容参考w3school官网学习资料1.JavaScript函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 2.JavaScript函数语法①函数就是包裹在花括号中的代码块，前面使用了关键词 function：func
复制链接

扫一扫