一,语句和注释
<!--
JS的三种使用方式
1.行内JS
在html标签上直接写JS代码
2.内部JS
在script标签中写JS代码,script标签可以放在head中或body中(建议放在body标签最后)
3.外部JS
定义JS文件,通过script标签的src属性引入对应的JS文件
注:如果script标签设置了src属性,则在script双标签之间的JS代码不会生效
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>基本使用</title>
</head>
<body>
<!-- 行内JS -->
<button onclick="alert('Hello world!');">按钮</button>
<!-- 内部JS -->
<script type="text/javascript">
//alert(”这是一个按钮!“);
</script>
<!-- 引入外部js文件 -->
<script src="js/testjs.js" type="text/javascript">
</script>
</body>
</html>
二,基本语法
<!--
语句
1.JS代码一行为单位,代码从上往下执行,一行一条语句
2.语句不加分号结尾,如果一行定义多条语句,每条语句只会必须以分号结尾,(建议都加分号)
3.表达式不需要以分号结尾,如果加了分号则JeveScript引擎会当作语句执行,生成无用的语句
注释
1. HTML代码注释:如上
2.JS代码注释:
//单行注释
/*多行注释*/
标识符
规则
由Unicode字母,_,$,数字组成,中文组成
(1)不能以数字开头
(2)不能是关键字和保留字
(3)严格区分大小写
规范
(1)见明知意
(2)驼峰命名或下划线规则
关键字
声明变量时不要使用关键字
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>基本语法</title>
</head>
<body>
<script type="text/javascript">
//单行注释
/*多行注释*/
console.log("hello");
console.log("haha");
</script>
</body>
</html>
三,变量
<!--
变量
JS是一种弱类型语言,在声明变量时不需要指明数据类型,直接用var修饰符进行声明
注:也可以不使用var修饰符,直接声明并赋值
变量的声明
1.先声明在赋值
2.声明并赋值
变量的注意点
1.如果变量只声明而未赋值,则显示underfinded
2.如果变量未声明就使用,则会报错
3.可以使用var同时声明多个变量
4.如果重新声明一个已存在的变量,是无效
5.如果重新声明一个已存在的变量并赋值,则会覆盖
6.JS是一种动态的,弱类型语言,可以声明任意数据类型的变量
变量名提升
JavaScript 引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行一行的运行
这造成的结果,就是所有的变量的声明语句,都会被提升到代码的头部,这就叫变量提升
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
/* 变量的声明 */
//1.先声明在赋值
var a;
a=1;
console .log(a);
//2.声明并赋值
var b=2;
console.log(b);
/*变量的注意点*/
//1.如果变量只声明而未赋值,则显示underfinded
var c;//声明变量
console.log(c);//undefinded
//2.如果变量未声明就使用,则会报错
console.log(d);//d is not defined
//3.可以使用var同时声明多个变量
var aa,bb,cc=10;
console.log(aa);//undefinded
console.log(bb);//undefinded
console.log(cc);//10
//4.如果重新声明一个已存在的变量,是无效
var a;
console .log(a);
//5.如果重新声明一个已存在的变量并赋值,则会覆盖
var a=10;
console .log(a);
//6.JS是一种动态的,弱类型语言,可以声明任意数据类型的变量
var str="hello world";
var flag="true";
console.log(str);
console.log(flag);
console.log("true");
//不使用var声明变量
name="zhangsan"
console.log(name)
</script>
</body>
</html>
四,数据类型
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>数据类型</title>
</head>
<body>
<script type="text/javascript">
var a;console.log(a);
function ffn(str){
console.log(str);
}
ffn();
var num=1;
var flag=1;
var str="helllo";
console.log(typeof num);
console.log(typeof flag);
console.log(typeof str);
var aa=null;
console.log(typeof null);
console.log(1==1.0);
var n=1+1.0;
console.log(n);
var s1="hello";
var s2='world';
console.log(s1,s2);
console.log(s1+s2);
</script>
</body>
</html>
五,函数的转换
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- 函数转换
parseint()转整数型
parsefioat()转浮点型
注意:转换时会从值的第零个位置开始找有效数字,直到找到无效数字位置
-->
<script type="text/javascript">
console.log(parseInt("123abc"));
console.log(parseInt("abc123"));
console.log(parseInt("123.4abc"));
var a=1;var b="2";
console.log(a+b);
console.log(a+parseInt(b));
// 显示转换
// toString将值转为字符串
// toFixed保留指定小数位
// 注意数值不能为null
var aa=10;
console.log(aa);
console.log(aa.toString());
var cc=1.36554;
console.log(cc.toFixed(2));
//number
var q="1";
var w="a";
var d="123.4"
console.log(Number(q));
console.log(Number(w));console.log(Number(d));
//Boolean
console.log(Boolean("a"));
console.log(Boolean(0));
console.log(Boolean("1"));
console.log(Boolean(null));
//string
console.log(10);
console.log(String(10));
console.log(null);
console.log(String('null'));
</script>
</body>
</html>