<!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>
js基础语法学习
猜你喜欢
转载自blog.csdn.net/dance117/article/details/104038077
今日推荐
周排行