虽然名字带个“Java”,但是它和Java是完全不同的语言,它是是一种解释性脚本语言(代码不进行预编译)。 主要用来向HTML页面添加交互行为。
JavaScript的主要用途有:
1.使用标签
<script type="text/javascript">
document.write("Hello,JavaScript
");
script>
2.外部JS文件
<script src="export.js" type="text/javascript">script>
3.直接在HTML标签中
<input name="btn" type="button" value="弹出消息框"
onclick="javascript:alert('欢迎你');"/>
你可以直接使用var声明各种类型的变量,var声明的变量会根据你赋给它的值自动决定类型,你也可以先声明再赋值,赋值前类型为“undefined”。
<script>
var a=5;
var b;
b=3;
script>
你也可以将var替换成let、const,这两者声明的变量作用域只在它所在的{}内,const声明的变量不能改变。
JavaScript有如下几种数据类型:
①undefined:示例:var width;
变量width没有初始值,将被赋予值undefined
②null:表示一个空值,与undefined值相等
③number:
var iNum=23; //整数
var iNum=23.0; //浮点数
④Boolean:true和false 但是JS会把他们解析成1;0
⑤String:一组被引号(单引号或双引号)括起来的文本 var string1=“This is a string”;
你可以使用typeof检测变量的返回值:
<script>
var a=5;
typeof a; #返回number
script>
与许多其他编程语言不同,JavaScript 不会定义不同类型的数,比如整数、短的、长的、浮点的等等,而是始终以双精度浮点数来存储数值。
以字符串返回数值。
var x = 123;
x.toString(); // 从变量 x 返回 123
(123).toString(); // 从文本 123 返回 123
(100 + 23).toString(); // 从表达式 100 + 23 返回 123
返回字符串值,它包含已被四舍五入并使用指数计数法的数字。
参数定义小数点后的字符数:
var x = 9.656;
x.toExponential(2); // 返回 9.66e+0
x.toExponential(4); // 返回 9.6560e+0
x.toExponential(6); // 返回 9.656000e+0
toFixed() 返回字符串值,它包含了指定位数小数的数字:
var x = 9.656;
x.toFixed(0); // 返回 10
x.toFixed(2); // 返回 9.66
x.toFixed(4); // 返回 9.6560
x.toFixed(6); // 返回 9.656000
即字符串,用单引号或双引号都可
<script>
var a='5';
typeof a; #返回string
script>
常用字符串方法:
<script>
var a='12345';
a.length #返回长度
a.search('3'); #返回第一个3所在位置
a.split; #将a切割成字符串数组并返回
script>
数组是一种特殊的变量,其类型是对象,它能够有序存放多个值,每一个值都可以是任意类型的量。
为数组元素赋值:
var fruit= new Array[“apple”, “orange”, " peach",“banana”];
修改其中某一个元素的值:
fruit [0] = " apples";
第一个元素的序号是0
把数组转换为数组值(逗号分隔)的字符串。
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
//结果:Banana,Orange,Apple,Mango
将所有数组元素结合为一个字符串。
类似 toString(),还可以规定分隔符:
var fruits = ["Banana", "Orange","Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
//Banana * Orange * Apple * Mango
Popping:
pop() 方法从数组中删除最后一个元素,返回“被弹出”的值:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop(); // 从 fruits 删除最后一个元素("Mango")
Pushing:
push() 方法(在数组结尾处)向数组添加一个新的元素,返回新数组的长度
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi"); // 向 fruits 添加一个新元素
运算符 | 描述 |
---|---|
+ | 加法 |
- | 减法 |
* | 乘法 |
/ | 除法 |
% | 系数 |
++ | 递加 |
– | 递减 |
if(条件)
{ //JavaScript代码; }
else
{ //JavaScript代码; }
If·中0,null,” ”,undefined,NaN,false--------结果是false;其他的都是true!
switch (表达式)
{ case 常量1 :
JavaScript语句1;
break;
case 常量2 :
JavaScript语句2;
break;
default :
JavaScript语句3; }
for(初始化; 条件; 增量)
{ JavaScript代码; }
while(条件)
{ JavaScript代码; }
④for-in
var fruit=[ "apple", "orange", "peach","banana"];
for(var i in fruit){
document.write(fruit[i]+"
"); }
i就是数组的下标,in这个数组要查询所有的数组下标
单行注释以 // 开始,以行末结束
多行注释以 /* 开始,以 / 结束,符号 /…… */ 指示中间的语句是该程序中的注释
alert('helloworld')
console.log('helloworld')
<html>
<body>
<h2>js输出测试h2>
<p>计算5+6结果并显示p>
<script>
document.write(5 + 6);
script>
body>
html>
<html>
<body>
<h2>js输出测试h2>
<p id='demo'>计算5+6结果并显示p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
script>
body>
html>
prompt():产生附带有输入框的弹框
prompt(“提示信息”, “输入框的默认信息”);
prompt("请输入你喜欢的颜色","红色");
①代码区分大小写
小写写成大写会报错:Uncaught SyntaxError: Unexpected identifier
②变量、对象和函数的名称
当声明变量、对象和函数的名称时大小写,数字,下划线,美元符号都可以,但是必须以字母,下划线,美元符号开头
否则会报错:Uncaught SyntaxError: Invalid or unexpected token
③分号
如果不写会报错:Uncaught SyntaxError: Invalid or unexpected token