button.html
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
alert("aaa");
</script>
</head>
<body>
<input type="button" value="button" onclick="alert('xxx')"/> <!--内嵌脚本,点击弹框-->
<input type="button" value="button1"/> <!--内部脚本,页面加载完弹框-->
<script type="text/javascript" src="../js/demo1.js"></script> <!--外部脚本 -->
js基本语法
1.变量
用var定义
var x=5;
var a="hey js!";
var b=true;
直接声明
y=6
2.原始数据类型
<script type="text/javascript">
var a=6;
x='hey js!';
alert(a);
alert(typeof a);//表示的是a是什么类型
</script>
number:数字类型
string:字符串类型
boolean:布尔类型
null:空类型
underfine:未定义
注意:number\boolean\string是伪对象
类型转换:
alert(typeof a.tostring());
number\boolean转成string
tostring();
alert(typeof parseInt(x));
string\boolean转成number
parseInt()
parseFloat()
boolean不能转
string可以将数字字符串转换成number eg:"844xasas655"转成844
强制转换
var b=123;
var x=true;
var y="123";
alert(Boolean(b)); 结果是true
Boolean() 强转成布尔,数字强转时,非0则为true,字符串强转成布尔型时,非空则为true
Number() 强转成数字,布尔强转时,true则为1, 字符串转数字时不能强转。
3.引用数据类型
var obj=new object();
alert(typeof obj);
var num=new Number();
4.运算符
赋值运算符
var a=5;
算术运算符
+ - * / %
var a=5
var b="123";
alert(a+b); 结果是5123 +遇到字符串变成连接
alert(b-a); 结果是118 -先把字符串转成数字再进行下一步运算
*先把字符串转成数字再进行下一步运算
/先把字符串转成数字再进行下一步运算
alert(1356/100*100); 结果是1356
逻辑运算符
&& ||
比较运算符
> < >= <= != =
=== 全等
var x=10;
var b="10";
alert(x===b); 结果是false 类型不一样
三目运算符
alert(3>2?"大于":"小于");
void运算符
<a href="javascript:void(0);">kkkk</a> 点击不跳转
类型运算符
var obj=new Object();
alert(typeof obj); 结果是objec
alert(obj instanceof Object); 结果是true
typeof:判断数据类型 返回我的数据类型
instanceof:判断数据类型 返回true或false,返回一个是否是这个类型
5.逻辑语句
if-else
条件:数字非0 字符串非空都为true
if(true){
alert("true...");
}
else{
alert("false...");
}
switch
var x="java";
switch(x){
case "css"
alert("css");
break;
case "js"
alert("js");
break;
default:
alert("java");
}
for
for(int i=0;i<5;i++){
alert(i);
}
for in
var arr=[1,3,5,7,"js"];
for(index in arr){ //index代表角标
alert(index);
alert(arr[index]);
}
</body>
</html>
demo.js
/**
* Created by Cccccc on 2018/5/2.
*/
alert("bbb");