1.JavaScript用法:
HTML中的脚本必须位于<script></script>标签之间
脚本可被放置在HTML页面的<body>和<head>部分中
2.JavaScript标签
在HTML中,不限制脚本数量
通常会把脚本放置于<head>标签中,以不干扰页面内容
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
</script>
</head>
<body>
<script>
document.write("hello world"); //打印输出
</script>
<script>
document.write("hello world");
</script>
</body>
</html>
JavaScript输出
1.JavaScript通常用来操作HTML
2.文档输出
document.write("<p>this is my first JavaScript</p>");
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
</script>
</head>
<body>
<p id="pid">hello</p>
<script>
document.getElementById("pid").innerHTML="hello world"; //getElementById 得到pid中的内容 innerHTML 改变HTML中的内容
</script>
</body>
</html>
JavaScript语法
1.JavaScript语句:
JavaScript语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么
2.分号:
语句之间的分割是分号(;)
注意:分号是可选项,有时候会看到不以分号隔开的。
3.JavaScript代码:
按照编写顺序依次执行
4.标识符:
JavaScript标识符必须以字母、下划线或美元符号开始
JavaScript关键字
5.JavaScript对大小写敏感
6.空格:
JavaScript会忽略掉多余的空格
7.代码换行
8.保留字
JavaScript注释
1.单行注释://
2.多行注释:/**/
变量和数据类型
1.变量:var i=10; //声明变量的类型
2.数据类型:
(1) 字符串(String)
(2) 数字(Number)
(3) 布尔(Boolean)
(4) 数组(Array)
(5) 对象(Object)
(6)空(Null)
(7)未定义
(8)可以通过赋值null的方式清除变量
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var i=10;
var j=10;
var m=i+j;
document.write(m);
</script>
<script>
var string="hello"; //字符串
var h=10; //数字
var flag=true; //布尔类型
/*var arr=[1,2,3,4]; */ //数组
var arr=new Array(); //数组
arr[0]=10;
arr[1]=20;
arr[2]=30;
document.write(arr[1]);
var n=null; //空
document.write(n);
var r; //未定义
r=10;
document.write(r)
h=null; //通过赋值清除变量
document.write(h);
</script>
</body>
</html>
javaScript语法
1.JavaScript运算符
(1)算数运算符:+、-、*、/、++、--
(2)赋值运算符:=、+=、*=、/=、%=
(3)字符串操作
(4)比较运算符:==、===、!=、!==、>、<、>=、<=
(5)逻辑运算符 :&&、||、!
(6)条件运算符:例:x<10? "x比10小" : "x比10大"
2.JavaScript条件语句
3.JavaScript循环语句
4.JavaScript跳转语句