JS基础

巧了我就是萌 提交于 2020-02-15 15:41:28

1.在HTML页面中嵌入JavaScript代码方式
 使用JavaScript:前缀构建执行JavaScript代码
2.使用<script></script>标签来包含JavaScript代码
 <body>
 <a href="javascript:alert('使用前缀运行JavaScript');"></a>
 <script type="text/javascript">
 alert("直接运行的JavaScript");
 </script>
 </body>
3.导入外部的JavaScript文件
 为了让HTML页面和JavaScript脚本更好地分离,我们可以将JavaScript脚本单独保存到一个*.js文件,HTML页面导入该*.js文件即可。
 导入JavaScript脚本文件的语法如下
 <script src=”outer.js” type="text/javascript"></script>
4.变量:
 隐式定义:直接给变量赋值
 a=1;
 alert (a);
 显式定义:使用var定义变量(定义多个变量时以,隔开)
 var a=1;
 alert (a);
5.变量名
 首字母必须是字母(大小写均可)、下划线(_)、或者美元符号($)
 余下的字母可以是下划线、美元符号、任意字母或者是数字字符
 变量名不能使关键字 
6.数据类型
 数值类型(number):包含整数和浮点数;
 字符串类型(String):字符串必须用双引号或单引号括起来;
 布尔类型(boolean):只有true或false两个值;
 未定义类型(Undefined):专门用来确定一个已经创建但是没有初值的变量;
 空类型(Null):用于表明某个变量的值为空(表明变量已经被赋值,但赋的值为空);
 对象类型(Object):数组、日期对象等
7.字符串拼接
 任何值只要加"" ="任何值"
 字符串拼接(+)任何值结果就是字符串
 var a=1;
 var b=a;
 alert(a+"..."+b);
8.运算符
 赋值运算符 =   :将=右边的值赋值给=左边
 比较运算符 1.==(只看内容,不看类型)  :比较等号两边的值是否相等
 如果相等则结果true,如果不等就是false
 比较运算符 2.===(严格等于,看内容和类型) 比较等号两边的值不管是类型还是内容必须一样,则结果为true,否则只要有一个不一样就是false。
 var str1=123;
 var str2="123";
 alert(str1==str2);//true
 alert(str1===str2);//false
 var a;
 var b=null;
 alert(a==b);//true
 alert(a===b);//false
9.+号
 1.  a+"b"="ab"
 +(正号)   alert(+3)  结果:3
 +  (数学运算):当+两边都是数值类型的时候,进行加法运算
 +(字符串拼接):当+两边只要有一边是字符串时,就进行字符串拼接
10.数据类型转换
 通过“+”号或toString()方法将数值转换成字符串。
 var c=123;
 var d=c.toString();
 alert(d+1);
 通过parseInt()将字符串转换成整型。
 通过parseFloat()将字符串转换成浮点型。
 字符串->数值类型(整数 int  小数float/double)
 字符串->整数  parseInt(整形字符串)
 字符串->浮点型 parseFloat(浮点型字符串)
 var str="123";
 str=parseInt(str);
 alert(str+2);
 var str2="12.3";
 str2=parseFloat(str2);
 alert(str2+0.6);
11.字符串常用操作方法
 1.获取指定索引(从0开始)处的字符
 var index=str.charAt(4);
 alert(index);
 2.将字符串中的字母都转为大写
 str=str.toUpperCase();
 alert(str);
 3.将字符串中的字母都转为小写
 str=str.toLowerCase();
 alert(str);
 4.获取指定字符串在大字符串中第一次出现的索引处
 var index2=str.indexOf("love");
 alert(index2);
 5.返回截取指定索引字符串(从指定索引一直截取到最后)
 var s1=str.substring(2);
 alert(s1);
 从指定索引截取到指定索引(包头不包尾)
 var s2=str.substring(2,6);

 alert(s2);

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!