目录
JavaScript是一门跨平台、面向对象的脚本语言,来控制网页行为的,它能使网页交互
w3c标准:网页主要由三部门组成
结构:Html
表现:CSS、
行为:JavaScript
JavaScript引入方式
1.内部脚本:将JS代码定义在HTML页面中
JavaScript代码必须位于<script>与</script>标签之间
<script>
alert("hello JS");
</script>
提示:
·在HTML文档中可以在任意地方,放置任意数量的<script>
`一般把脚本置于<body>元素的底部,可改善显示速度,因为脚本执行会拖慢显示
2.外部脚本:将JS代码定义在外部JS文件中,然后引入到HTML页面中
·外部文件:demo.js
alert("hello JS");
·引入外部JS文件
<script src="../js/demo.js"></script>
注意:
·外部脚本不能包含<script>标签
·<script>标签不能自闭合
书写语法
注释:
·单行注释://注释内容
·多行注释:/*注释内容*/
大括号表示代码块
if(count==3){
alert(count);
}
输出语句
使用window.alert()写入警告框
使用document.write()写入HTML输出
使用console.log()写入浏览器控制台
变量
JavaScript中用var关键字(variable的缩写)来声明变量
·JavaScript是一门弱类型的语言,变量可以存放不同类型的值
·变量的需要遵循的规则:
1.组成字符可以是任意字母、数字、下划线(_)或美元符号($)
2.数字不能开头
3.建议使用驼峰命名
let关键字定义变量,类似var,但是所声明的变量只能在let关键字所在的代码块有效,且不允许重复声明
const关键字用来声明一个只读的常量,一旦声明,常量的值就不能改变
数据类型
number:数字
string:字符、字符串、单双引号皆可
boolean:布尔。true,false
null:对象为空
undefined:当声明的变量末初始化时,该变量的默认值为undefined
使用typeof运算符可以获取数据类型
alert(typeof age); //弹出数据类型
运算符
==:1.判断类型是否一样,如果不一样,则进行类型转换
2.再去比较其值
===:1.判断类型是否一样,如果不一样,则直接返回false
2.再去比较其值
类型转换
·其他类型转换成number:
1.string:按照字符的字面值,转为数字,如果字面值不是数字,则转为NaN,一般使用parseInt
2.boolean:true转为1,false转为0
var str="20";
alert(parseInt(str)+1);
·其他类型转为boolean:
1.number:0和NaN转为false,其他数字转为true
var flag=0;//3
if(flag){
alert("转为true");
}else{
alert("转为false");
}
2.string:空字符串转为false,其他字符串转为true
var flag="abc";//""
if(flag){
alert("转为true");
}else{
alert("转为false");
}
3.null:转为false
4.undefined: