一、三种引入方法
1、内部引入
<script>
alert("aaa"); //写在head标签里
</script>
<script type="text/javascript">
alert("aaa"); //写在body标签里
</script>
最好写在离body最近的里面
2、行内引入
<p onclink="javascript:alert('hell word');">clickme</p>
3、外部引入
HTML: <script src="js/style.js"></script>
JS: document.write("hell word!")
二、变量
var 变量名称=变量值;
var声明变量,变量名称可以包含字母、数字、下划线,必须以字母或下划线开头,名称严格区分大小写,firstname与firstName是不同的。
//一条语句声明变量
var a = 2,b = 4 , c = 6;
//声明变量可跨多行
var a = 2,
b = 4,
c = 6;
<script>
var a = 3;
a = 5; //声明过的变量可以不用var再次声明
document.write(a); //5,变量名重名会产生覆盖
</script>
//驼峰标记法与下划线标记法
var firstName = 'king'; //小驼峰
var FirstName = 'qween'; //大驼峰
var first-name = 'ymt'; //下划线法
两种变量情况
1、alert(a); //当没有引号的变量没有定义时,浏览器会报错,a is not defined a没有定义
2、 var a; //当a定义没有赋值的时候,不会报错,会提示undefined未下定义
alert(a);
三、输出
1、<script>
alert("aaa"); //alert 弹出警告框
</script>
2、<script>
document.write("hello word!"); //在 HTML可显示输出内容,可写标签
document.write("<h1>标题一</h1>");
</script>
3、<script>
console.log("控制台"); //显示在控制台,F12 ----> 选择Console
</script>
4、<script>
var box=document.getElementById('box');
var a='hi!'
box.innerHTML=a;
</script>
<script>
var a='hi!'
document.getElementById('box').innerHTML=a;
<script>
//两种方法结果都是在HTML显示hi!
四、转换
1、其它类型换成布尔类型假得有
var a; //undefined ----> false
var a=""; //""------->false
null == undefined
"" == 0
2、其它类型转换成数值型
var b=undefined; //undefined ------> NaN
b= null; //null--------->0
b =true; // true ---------->1
b = flase; //flase----------->0
b = '12'; //'12' ---------->12
b = '3king'; //'3king'--------->NaN
NaN:是一个不是数字的数字,跟任何数不能比较,包括自身。
五、运算符
1、算数运算符
+ 加法
- 减法
* 乘法
/ 除法
% 取余
++ 自增,a++ 先输出和自增,++a 先自增后输出
-- 自减,同a++
2、连接运算符
+ 也可以对字符串进行相加
3、赋值运算符
=
4、比较运算符
== 等于,比较数值
=== 全等于,不仅比较数值还比较数据类型
!= 不等于
!== 全不等于
> 大于
< 小于
>= 大于或等于
<= 小于或等于
5、逻辑运算符
&& 逻辑与 当第一个为flase,第二个就跳过不运行,相当于断路
|| 逻辑或 当第一个为true,第二个就跳过不运行,相当于短路
! 逻辑非
6、三元运算符
if(3>1){
"aa"
}else{
"bb"
}
var res=3>1?"aa":"bb"; //这个是三元运算符,当3>1是为真,取?后边的‘aa’;当3>1为假,取?后边的'bb'。
7、逗号运算符
用逗号运算可以在一条语句中执行多个运算
六、其它
<noscript>
您的浏览器不支持JavaScript,请更换查看。 //可以识别<script>标签无法支持其中的脚本的浏览器
</noscript>