玉溪网站开发/百度搜索app
JS的组成:由ECMAscript(语法),Browser,objects(DOM ,BOM特性)组成的.
JS的注释与分号:
// 单行注释
/* */ 多行注释
; 语句结束加分号
JS的功能:
数据交互,特效,表单验证, 正则表达式
JS的语法:
ECMAscript中的一切(变量,函数名,运算符,关键字,对象属性)都区分大小写。
JS的标识符:
- 定义:变量,函数,属性的名字,或者函数的参数。
- 命名规则:
- 《1》:由字母,数字,下划线(_)或美元符号组成;
《2》:不能以数字开头;
《3》:不能使用关键字,保留字等作为标识符;
JS的脚本及使用方法:
HTML 中的脚本必须位于 标签之间。
脚本可被放置在 HTML 页面的 和 部分中。
<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title></title><script type="text/javascript">//代码</script><script type="text/javascript" src="./js/index.js"></script>
</head>
<body>
<script type="text/javascript">//代码
</script>
<script type="text/javascript" src="./js/index.js"></script>
</body>
</html>
JS变量的声明和赋值
- 变量声明:要用var操作符 语法:var变量
- 变量赋值:
- 声明的同时赋值:var 变量名=值
先声明后赋值: 变量名=值
注:
1:一次声明多个变量,用逗号隔开,如
var id ,sex,age,name=“marry”;
2.省略var 的声明是全局变量
3.不推荐省略var定义的全局变量;
<script>//声明保存用户名的变量var name_01;name_01="marry";//声明变量保存年龄的变量var age=18; //声明的同时赋值//声明变量保存邮箱var email="823477846@qq.com";//一次声明多个变量var name_01="marry",age=18,email="823477846@qq.com",address,setting=null; //address就为undefined类型
变量的数据类型
js里面的数据类型 : 字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol
引用数据类型:对象(Object)、数组(Array)、函数(Function)。
typeof :检测变量的数据类型
语法:typeof 变量 或 typeof(变量)
返回值:string 类型
-
Undefined 和 Null:
Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。 -
Number类型:
Number:表示整数和浮点数
NaN: 表示为非数值
(1).<isNaN()>
语法:isNaN(n)
功能:检测n是否为非数值;
返回值:true / false;
说明:isNaN()对接收的数值,先尝试转换为数值,在检测是否为非数值。
(2)数值转换
3个函数可以将非数值转化为数值:
Number() ,ParseInt(),parseFloat().
说明:
Number():可以用于任何数据类型
ParseInt(),parseFloat():将字符串转化成数值; -
String类型
字符串(String)使用长度属性length来计算字符串的长度:
字符串可由(“”)或(‘’)表示; -
Boolean类型
表示为布尔型数据,取值为true 或 false ——>逻辑真或假,且任何时候只能使用两种状态中的一种,不能同时出现。
注·:console.log() :表示打印台显示内容;
<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>Document</title>
</head>
<body><script>//声明保存用户名的变量/* var name_01;name_01="marry";*///声明变量保存年龄的变量// var age=18; //声明的同时赋值//声明变量保存邮箱// var email="823477846@qq.com";//一次声明多个变量var name_01="marry",age=18,email="823477846@qq.com",address,setting=null;//address就为undefined类型var distance=12.67980;var id="16";console.log(typeof (distance)); //在控制台打印console.log( typeof (name_01)); //typeof 检测name_01变量的类型 (字符串string或数字number...)console.log(age-3)console.log(age-"abc"); //age-"abc"为非数值,结果为NaN;console.log( typeof (age-"abc"));console.log(isNaN(email)); //检测age是否为非数值console.log( isNaN(id));id=Number(id);name_01=Number(name_01);console.log( typeof(id));console.log( name_01);var topVal="28px";topVal=parseInt("28px");console.log(topVal);var c=parseInt("abn58");console.log(parseInt(c));// 字符串的第一个字符必须为数字才可以提取出数字,否则结果为NaNconsole.log(parseInt("0xf",16)); //将"oxf"转化为16进制。var d=parseInt("12.34px"); //打印出整数console.log(d);var d=parseFloat("12.34px"); //打印出浮点数console.log(d);var d=parseFloat("12.34.56px"); //打印出浮点数,结果为12.54,只有第一个小数点有效console.log(d);var e=parseInt("0123"); //打印出结果为123,忽略0console.log(e);var e=parseFloat("0123"); //打印出结果为123,忽略0console.log(e);var msg='hellow world';//字符串引用必须加引号var ids=78965;var idstr=ids.toString();//将数字类型转换为字符串console.log(idstr);console.log(typeof idstr); //将数字类型转换为字符串 结果为stringconsole.log(typeof String(ids)); //用String这个函数直接转化为字符串var m;console.log(String(m));//Boolean类型var isStudent=true;var isChild=false;console.log(typeof isStudent);console.log(isChild.toString()); //转化为字符串var x=1123;x=Boolean(1123);console.log(Boolean(x));var string="welcome"; //字符串转化后为trueconsole.log(Boolean(string));var y=0; //0转化后结果为falseconsole.log(Boolean(y));var z;console.log(Boolean(z));var n="";console.log(Boolean(n));var strings=null; //null和undefined转换为布尔型的值为falseconsole.log(Boolean(strings));</script>
</body>
</html>