JavaScript_2
1.JavaScript中的变量
1.数据类型
2.名称
3.数据值
4.作用域
2.JavaScript中的数据类型
1.javaScript的变量的数据类型，不是在声明/定义变量的时候决定的，javaScript的变量的数据类型是在赋值之后，根据所赋予的具体数据值决定变量的数据类型。
var a = 100;
var b;
b=”hello”;
JavaScript 拥有动态类型
javaScript的变量的数据类型，不是在声明/定义变量的时候决定的，javaScript的变量的数据类型是在赋值之后，根据所赋予的具体数据值决定变量的数据类型。
var a = 100; //a 数字(Number)
a=”hello”; //字符串（String）
JavaScript 拥有动态类型在程序运行中随处可变的，
2.javaScript具体数据类型
1.字符串（String）、
2.数字(Number)、
3.布尔(Boolean)、
4.数组(Array)、
5.对象(Object)、
6.空（Null）、
7.未定义（Undefined）
2.1JavaScript 字符串
字符串是存储字符（比如 “Bill Gates”）的变量。
字符串可以是引号中的任意文本。您可以使用单引号或双引号;
“hello”, ‘world’----常量
例如:
var carname=“Volvo XC60”;
var carname;
carname=’Volvo XC60’;
您可以在字符串中使用引号，只要不匹配包围字符串的引号即可
“zhnagsn:say”hello””------>“zhnagsn:say’hello’”
<title>Document</title>
<script>
// string 字符串数据类型
// ... 字符串数据类型标志
// "hello" 字符串常量【程序运行过程中不会改变的数据】
// 字符串变量的声明/定义
var str1 = " WPS Office";
var str2;
str2 = "腾讯办公软件";
// window.alert(str1);
// 可以在字符串中使用引号，只要不匹配包围字符串的引号即可
// var say1 = "libo:say"cao"";
// 双引号中的双引号用单引号代替
// var say1 = "libo:say'cao";
window.alert(say1);
</script>
</head>
<body>
</body>
2数字（Number）
JavaScript 只有一种数字类型。数字可以带小数点，也可以不带。
极大或极小的数字可以通过科学（指数）计数法来书写
<title>Document</title>
<script>
var num1 = 250; //整数的数字型
var num2 = 12.5; //小数的数字型
// 整数与小数统一成数字型Number
var num3 = num1 + num2;
// alert("num3== "+ num3);
// 极大或极小的数字可以通过科学（指数）计数法来书写
var y = 153e5;
var z = 253e-5;
alert("y== "+ y);
</script>
</head>
<body>
</body>
3.布尔[逻辑]【Boolean】
取值只有两种：true/false
往往都是用来做判断
<title>Document</title>
<script>
var boo1 = true;
var boor = false;
function isAge() {
// 得到文本框输入的年龄值
var ageText = document.getElementById("cao");
var spanText = document.getElementById("ma");
var age = ageText.value;
var res = age > 18;
// alert(res);
if (res) {
spanText.innerHTML = "年龄OJBK！";
} else {
spanText.innerHTML = "年龄太小，你不配！";
}
}
</script>
</head>
<body>
<input id="cao" type="text" value="输入年龄"><span id="ma"></span>
<input type="button" value="判断年龄" onclick="isAge();">
</body>
4.数组类型【Array】
**数组就是保存一组数据值的数据类型。**
数组在保存数据的时候有两种情况
1.先定义，后赋值
2.定义+赋值
数组定义:
1.先定义，后赋值
var arr1=new Array(); //定义/创建
数组赋值–通过下标
理解下标：具体数据值在数组中的位置【从0开始】
格式:
数组变量名称[下标]=数据值;
arr1[0]=”zhangsan”;
arr1[1]=23;
arr1[2]=true;
2.定义+赋值
var arr2=new Array(“zhangsan”,23,true); //定义+赋值
数组的取值: 数组名称[下标]
arr2[1]----23
数组的length属性：得到数组把中的元素个数
1.先定义，后赋值
<title>Document</title>
<script>
// 1.先定义后赋值
/* arr1[0]=”zhangsan”; */
/* arr1[1]=23; */
/* arr1[2]=true; */
function testArray(){
var h_arr1 = new Array();
h_arr1[0] = "1";
h_arr1[1] = "2";
h_arr1[2] = "3";
h_arr1[3] = "4";
h_arr1[4] = "5";
h_arr1[5] = "6";
// document.write("<h" + h_arr1[0]+">雪中悍刀行 </h" + h_arr1[0]+">");
//数组的length属性：得到数组把中的元素个数
var len = h_arr1.length;
// alert(len);
for(var i = 0; i<len;i++){
document.write("<h" + h_arr1[i]+">雪中悍刀行</h" + h_arr1[i]+">");
}
}
</script>
</head>
<body>
<input type="button" value="雪中悍刀行" onclick="testArray();">
</body>
2.定义+赋值
<script>
function testArray(){
var h_arr1 = new Array(1,2,3,4,5,6);
var len = h_arr1.length;
// alert(len);
for(var i = 0; i<len;i++){
document.write("<h" + h_arr1[i]+">雪中悍刀行</h" + h_arr1[i]+">");
}
}
</script>
</head>
<body>
<input type="button" value="雪中悍刀行" οnclick="testArray();">
</body>html
在这里插入代码片
5 JavaScript 对象
通过”{}”,在其中使用键值对【标题:页码】
<title>Document</title>
<script>
var user = {
userid:1001,
username:"libo",
uesraddress:"西安",
getName:function(){
return "hello";
}
}
// alert(user.userid);
// alert(user.getName());
//alert(user['username']);
//alert(user.getName());
//对象---{}
//对象中的元素是变量,函数
//对象中的变量 【变量名称:数值】
//对象中的函数 【函数名称:function(){}】
//访问对象中的变量
//对象名称.变量名称 / 对象名称["变量名称"]
//对象名称.函数名称()
</script>
</head>
<body>
</body>
6.javascript中的Undefined 【未定义】
Undefined --没有值
7.javascript中的null[空]
null—有值，只是值的内容是空的。
通常情况下定义的变量如果不确定数据类型，可以使用null空类型代替。
var a=null;
var b=null;
a=“zhangsan”;
3.JavaScript 注释
注–标注【为了以后查看】
释–说明
注释—标注出来程序，解释说明含义。
注释的作用：
1.标注出来程序，解释说明含义，方便他人或者 以后的自己查看。
2.调试程序
注释的特征:注释的内容是不会被执行的
Javascript中的注释有2中:
1.单行注释 【一次注释一行】
// 被注释的内容【自己的解释说明含义的文字/代码】
出现的位置【1.当前行代码上面一行 2.当前行代码后面】
例如:
var num1=100; //整数的数字型
var num2=12.5; //小数的数字型
//整数与小数统一成数字型Number
var num3=num1+num2;
2.多行注释【一次注释多行】
/*
*被注释的内容
*【自己的解释说明含义的文字/代码】
- //可以包含单行注释
*/
不要使用javascript语法注释去注释html标记
4.JavaScript 函数
函数也叫方法。
函数其实就是实现某一个相关功能的代码集合【代码块{}】
函数的语法格式:
function 函数名称{
}
function 是声明/定义函数的关键字
函数名称
()----参数列表【可以有，也可以有多个，可以没有(没有参数，不能省略)】
参数将当前函数之外的数据引入到当前函数中进行运算【找帮手】
{}–代码块具体实现功能的代码
<title>Document</title>
<script>
// 1.根据函数有没有名称【有名函数，匿名函数】
// function tset1(){
// alert("有名函数");
// }
window.onload = function () {
alert("名函数");
}
//2.根据函数有没有参数【有参函数，无参数函数】
function test2() {
alert("无参数函数");
}
function test3(num1, num2) {
var res = num1 + num2 - 10;
alert("res==" + res);
}
//3.根据函数有没有结果【有返回值函数，无返回值函数】
function test4() {
var res = 100 - 10;
return res; //返回结果【函数调用处】
}
function test5(num1, num2) {
var res = num1 + num2 - 10;
alert("res==" + res);
}
function test6(a1) {
return null;
}
//有参数函数 1.看个数 2传
//有返回值函数 那里调用，那里接
</script>
</head>
<!--<body οnlοad="test1();">-->
<body>
<input type="button" value="测试无参数函数" onclick="test2();" /><br>
<input type="button" value="测试有参数函数" onclick="test3(12.5,23.8);" /><br>
<input type="button" value="测试有返回值函数" onclick="var a=test4();alert(a);" />
</body>
6130
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
