js基础语法学习

最新推荐文章于 2022-03-18 17:56:16 发布

该账户已被系统禁用

最新推荐文章于 2022-03-18 17:56:16 发布

阅读量117

点赞数

分类专栏： javaScript

本文链接：https://blog.csdn.net/dance117/article/details/104038077

版权

javaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
<ul>	
<button id="d0" onclick="getElementById('d0').innerHTML=Date()">在当前页面中通过查找元素getElementById('d0').innerHTML=Date()调用对应函数显示时间</button>
</ul>
<ul> 
	<button id="d" onclick="this.innerHTML=Date()">在当前页面用中this.innerHTML=Date()显示当前时间</button>
</ul>
	
<a id="d1">假设 y=5，计算 x=y+2，并显示结果。
	<ul>
		<button onclick="myFunction()">点击这里</button>
	</ul>
</a>
	
<p id="d2">如果 y=8，计算 a=y+10，并显示结果
	<button onclick='f()'>ClickHere</button>		
</p>
	
<ul id="d3">假设 y=5，计算 x=y+2，并显示结果。
	<button onclick="f2()">ClickHereF2</button>
</ul>	

<ul id="d4">假设 sss=10，计算 a=sss+10，并显示结果。
	<button onclick="f3()">ClickHereF3</button>
</ul>
	
<ul id="d5">假设函数内全部变量 globalValue=10，全局变量var sss=10，计算 e=globalValue+sss，并显示结果。
	<button onclick="f4()">ClickHereF4</button>
</ul>

<ul id="d6">假设函数内局部变量 var globalValue2 = 20， 全局变量var sss=10，计算 e=globalValue2+sss，并显示结果。
	<button onclick="f5()">ClickHereF5</button>
</ul>

	
<ul id="d7">使用switch控制显示今天是星期几？？
	<button onclick="f6()">ClickHereF6</button>
</ul>

<script>
/* 特殊字符转义
\'	单引号
\"	双引号
\\	反斜杠
\n	换行
\r	回车
\t	tab(制表符)
\b	退格符
\f	换页符
*/	
	
	
//变量声明后赋值
function myFunction(){
	var y=5;
	var x=y+2;
	var demoP=document.getElementById("d1");
	demoP.innerHTML="x=" + x;
}
//变量声明，字符串拼接
function f(){
	var y="a";
	var a=y+10;
	//计算拼接的字符串长度
	var charlength = a.length;
	var demoP=document.getElementById("d2");
	demoP.innerHTML="a=" + a +"\t用length方法计算a字符串长度为:"+charlength;
}
//json对象操作
function f2(){
	var dic={"a":1,"b":"b","c":3};
	var s = dic.a; // 也可用dic["a"]获取对应key a 对应的值
	var z = dic["c"];
	var x = s + dic.c;
	var demo = document.getElementById("d3");
	demo.innerHTML="x="+ x +"\t 获取到的Z的值为:"+z;
}
	
//变量作用域，全局变量在全局均可使用
var sss=10  //此处定义为一个全局变量，脚本范围内都可使用
function f3(){
	var a;
	var a = sss+10;  //此处使用全局变量sss=10
	var demo = document.getElementById("d4");
	demo.innerHTML="a=" + a;	
}
	
//在函数内未用var声明的变量未全局变量，详见以下两个函数f4 和 f5 中的变量globalValue
function f4(){
	globalValue = 10;
	var d = sss + globalValue;
	var demo = document.getElementById("d5");
	demo.innerHTML="d="+d;
}

function f5(){
	var globalValue = 20;  //声明局部变量，会覆盖之前的f4中的全局变量
	var e = sss + globalValue;  //sss 为前面声明的全局变量
	var demo = document.getElementById("d6");
	demo.innerHTML="e="+e;
}

//switch代码块执行示例
function f6(){
	var d = new Date().getDay();
	//d为switch判断的case条件
	switch(d){
		case 0:
			x="星期天";
			break;
		case 1:
			x="星期一";
			break;
		case 2:
			x = "星期二";
			break;
		case 3:
			x = "星期三";
			break;
		case 4:
			x = "星期四";
			break;
		case 5:
			x="星期五";
			break;
		case 6:
			x = "星期六";
			break; 
		default: // 如果d不在case 所列之中，默认执行该处的逻辑
			x = "什么星期都不是！！！！";
	}
	var demo = document.getElementById("d7");
	demo.innerHTML="今日:"+x;
}
	
</script>

</body>
</html>

该账户已被系统禁用

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js基础语法学习

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><ul> <button id="d0" onclick="getEleme...
复制链接

扫一扫