1 直接编写
<script>
alert('hello yuan')
</script>
2 导入文件
<script src="hello.js"></script>
1、声明变量时不用声明变量类型. 全都使用var关键字;
var a;<br>a=3;
2、一行可以声明多个变量.并且可以是不同类型
var name="yuan", age=20, job="lecturer";
3、声明变量时 可以不用var. 如果不用var 那么它是全局变量
4、变量命名,首字符只能是字母,下划线,$美元符 三选一,余下的字符可以是下划线、美元符号或任何字母或数字字符且区分大小写,x与X是两个变量
常量 :直接在程序中出现的数据值
标识符:
整数:
在JavaScript中10进制的整数由数字的序列组成
精确表达的范围是-9007199254740992 (-253) 到 9007199254740992 (253)
超出范围的整数,精确度将受影响
浮点数:
使用小数点记录数据
例如:3.4,5.6
使用指数记录数据
例如:4.3e23 = 4.3 x 1023
16进制和8进制数的表达:
16进制数据前面加上0x,八进制前面加0;16进制数是由0-9,A-F等16个字符组成;8进制数由0-7等8个数字组成
16进制和8进制与2进制的换算:
是由Unicode字符、数字、标点符号组成的序列;字符串常量首尾由单引号或双引号括起;JavaScript中没有字符类型;常用特殊字符在字符串中的表达;
字符串中部分特殊字符必须加上右划线\;常用的转义字符 \n:换行 \':单引号 \":双引号 \:右划线
Boolean类型仅有两个值:true和false,也代表1和0,实际运算中true=1,false=0
布尔值也可以看作on/off、yes/no、1/0对应true/false
Boolean值主要用于JavaScript的控制语句,例如:
if (x==1){
y=y+1;
}else{
y=y-1;
}
Undefined类型
Undefined 类型只有一个值,即 undefined。当声明的变量未初始化时,该变量的默认值是 undefined。
当函数无明确返回值时,返回的也是值 "undefined";
Null类型
另一种只有一个值的类型是 Null,它只有一个专用值 null,即它的字面量。值 undefined 实际上是从值 null 派生来的,因此 ECMAScript 把它们定义为相等的。
尽管这两个值相等,但它们的含义不同。undefined 是声明了变量但未对其初始化时赋予该变量的值,null 则用于表示尚未存在的对象(在讨论 typeof 运算符时,简单地介绍过这一点)。如果函数或方法要返回的是对象,那么找不到该对象时,返回的通常是 null
算术运算符:
+ - * / % ++ --
比较运算符:
> >= < <= != == === !==
逻辑运算符:
&& || !
赋值运算符:
= += -= *= /=
字符串运算符:
+ 连接,两边操作数有一个或两个是字符串就做连接运算
注意1: 自加自减
假如x=2,那么x++表达式执行后的值为3,x--表达式执行后的值为1;i++相当于i=i+1,i--相当于i=i-1;
递增和递减运算符可以放在变量前也可以放在变量后:--i
var i=10;
console.log(i++);
console.log(i);
console.log(++i);
console.log(i);
console.log(i--);
console.log(--i);
注意2: 单元运算符
- 除了可以表示减号还可以表示负号 例如:x=-y
+ 除了可以表示加法运算还可以用于字符串的连接 例如:"abc"+"def"="abcdef"
注意3: NaN
var d="yuan";
d=+d;
alert(d);//NaN:属于Number类型的一个特殊值,当遇到将字符串转成数字无效时,就会得到一个NaN数据
alert(typeof(d));//Number
//NaN特点:
var n=NaN;
alert(n>3);
alert(n<3);
alert(n==3);
alert(n==NaN);
alert(n!=NaN);//NaN参与的所有的运算都是false,除了!=
> >= < <= != == === !==
if (2>1 && [1,2]){
console.log("条件与")
}
// 思考返回内容?
console.log(1 && 3);
console.log(0 && 3);
console.log(0 || 3);
console.log(2 || 3);
<script>
console.log(“星期一”);
console.log(“星期二”);
console.log(“星期三”);
</script>
if-else结构:
if (表达式){
语句1;
......
} else{
语句2;
.....
}
功能说明:如果表达式的值为true则执行语句1,否则执行语句2
if-elif-else结构:
if (表达式1) {
语句1;
}else if (表达式2){
语句2;
}else if (表达式3){
语句3;
} else{
语句4;
}
switch-case结构
switch基本格式
switch (表达式) {
case 值1:语句1;break;
case 值2:语句2;break;
case 值3:语句3;break;
default:语句4;
}
switch(x){
case 1:y="星期一"; break;
case 2:y="星期二"; break;
case 3:y="星期三"; break;
case 4:y="星期四"; break;
case 5:y="星期五"; break;
case 6:y="星期六"; break;
case 7:y="星期日"; break;
default: y="未定义";
}
for循环:
语法规则:
for(初始表达式;条件表达式;自增或自减)
{
执行语句
……
}
功能说明:实现条件循环,当条件成立时,执行语句1,否则跳出循环体
for( 变量 in 数组或对象)
{
执行语句
……
}
while循环:
语法规则:
while (条件){
语句1;
...
}
功能说明:运行功能和for类似,当条件成立循环执行语句花括号{}内的语句,否则跳出循环;同样支持continue与break语句。
try {
//这段代码从上往下运行,其中任何一个语句抛出异常该代码块就结束运行
}
catch (e) {
// 如果try代码块中抛出了异常,catch代码块中的代码就会被执行。
//e是一个局部变量,用来指向Error对象或者其他抛出的对象
}
finally {
//无论try中代码是否有异常抛出(甚至是try代码块中有return语句),finally代码块中始终会被执行。
}
在JavaScript中除了null和undefined以外其他的数据类型都被定义成了对象,也可以用创建对象的方法定义变量,String、Math、Array、Date、RegExp都是JavaScript中重要的内置对象,在JavaScript程序大多数功能都是基于对象实现的。
<script language="javascript">
var aa=Number.MAX_VALUE;
//利用数字对象获取可表示最大数
var bb=new String("hello JavaScript");
//创建字符串对象
var cc=new Date();
//创建日期对象
var dd=new Array("星期一","星期二","星期三","星期四");
//数组对象
</script>
字符串创建(两种方式)
① 变量 = “字符串”
② 字串对象名称 = new String (字符串)
var str1="hello world";
var str1= new String("hello word");
x.length ----获取字符串的长度
x.toLowerCase() ----转为小写
x.toUpperCase() ----转为大写
x.trim() ----去除字符串两边空格
----字符串查询方法
x.charAt(index) ----str1.charAt(index);----获取指定位置字符,其中index为要获取的字符索引
x.indexOf(findstr,index)----查询字符串位置
x.lastIndexOf(findstr)
x.match(regexp) ----match返回匹配字符串的数组,如果没有匹配则返回null
x.search(regexp) ----search返回匹配字符串的首字符位置索引
示例:
var str1="welcome to the world of JS!";
var str2=str1.match("world");
var str3=str1.search("world");
alert(str2[0]); // 结果为"world"
alert(str3); // 结果为15
----子字符串处理方法
x.substr(start, length) ----start表示开始位置,length表示截取长度
x.substring(start, end) ----end是结束位置
x.slice(start, end) ----切片操作字符串
示例:
var str1="abcdefgh";
var str2=str1.slice(2,4);
var str3=str1.slice(4);
var str4=str1.slice(2,-1);
var str5=str1.slice(-3,-1);
alert(str2); //结果为"cd"
alert(str3); //结果为"efgh"
alert(str4); //结果为"cdefg"
alert(str5); //结果为"fg"
x.replace(findstr,tostr) ---- 字符串替换
x.split(); ----分割字符串
var str1="一,二,三,四,五,六,日";
var strArray=str1.split(",");
alert(strArray[1]);//结果为"二"
x.concat(addstr) ---- 拼接字符串
创建数组的三种方式:
日常开发中,为了方便数据的输入和输出,JavaScript提供了一些常用的输入输出语句,具体如表1-3所示。
表1常用的输入输出语句
类型 | 语句 | 说明 |
输入 | prompt() | 用于在浏览器中弹出输入框,用户可以输入内容 |
输出 | alert() | 用于在浏览器中弹出警告框 |
document.write() | 用于在网页中输出内容 | |
console.log() | 用于在控制台中输出信息 |
接下来将分别演示document.write0、console.log0和promptO的使用。
1. document.write()
document.write0的输出内容中如果含有HTML标签,会被浏览器解析。下面利用documenL.write0在页面中输出“我是document.write0语句!”,示例代码如下。
document.write('我是document.write()语句!');
2. console.log()
利用console.log0语句在控制台输出“我是console.log0语句!”,示例代码如下。
console.log('我是console.log()语句!');
console:.log0的输出结果需要在浏览器的控制台中查看。在Chrome 浏览器中按“F12”键(或在网页空白区域右击,在弹出的菜单中选择“检查”)启动开发者工具,然后切换到“Console”(控制台)面板,即可看到console.log0的输出结果。
3.prompt()
利用prompt0语句实现在页面中弹出一个带有提示信息的输入框,示例代码如下。
prompt(请输入姓名:');
上述示例代码运行后,将在页面中弹出一个输人框并提示用户“请输人姓名:”提示框。
英国《太阳报》报道,菲律宾一位网页设计师为了向自己的职业致敬,给自己的儿子取名为“Hypertext Mark-up Language(超文本标记语言)”。这位叫做Mac Pascual的父亲表示,给新生儿取个独一无二的名字是他们家族的传统。他对自己的工作充满热情,决定给自己的宝宝取名为HTML。据媒体报道,这个宝宝出生在当地的布拉坎医疗集团合作医院,体重2.25公斤。
6月10日,HTML的姑姑Salie Rayo Pascual拍下了这个可爱侄子的照片,并把照片发布到了Facebook上,标题是“HTML,欢迎来到这个世界”。这篇帖子很快引起了网友们的关注,大家纷纷评论并转发了这个帖子。不过,还是有一些社交媒体用户对这个奇特的名字进行了一番嘲笑,并嘲讽般地建议他给未来的孩子用一些其他的编码缩写来当名字,比如“Results-based management system”、“JavaScript”,或者是“Cascading Style Sheets(CSS)”。还有人对宝宝的名字表示了担忧评论道:“将来,他可能会成为被欺负和被嘲笑的对象。”
HTML的爸爸解释说,他自己的名字“Mac”就是“Macaroni'85”的缩写,而他姐姐的名字是“Spaghetti'88(意大利面)”的缩写。他的姐姐有两个孩子,分别叫“Cheese Pimiento(辣椒奶酪)”和“Parmesan Cheese(帕尔玛奶酪)”,所以他们的小名分别是“Chippy”和“Peewee”。HTML和其他名字不同寻常的婴儿一样,从出生起就成为了人们讨论的话题。特斯拉的首席执行官Elon Musk和Claire Boucher(Grimes)就给自己的儿子取名为“X ? A-12 Musk”,因而上了新闻头条。今年早些时候,模特兼女演员Emily Ratajkowski 通过社交媒体宣布,她将给自己刚出生的宝宝取名为“Sylvester Apollo Bear”。(中国青年网编译报道)
来源:中国青年网
*请认真填写需求信息,我们会在24小时内与您取得联系。