JavaScript变量及数据类型
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript变量及数据类型，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4181字，纯文字阅读大概需要6分钟。
内容图文
一、 主流浏览器
概念：有自己的内核。
- IE 内核：trident；
- Chrome 内核：webkit/blink；
- firefox 内核：Gecko；
- opera 内核：presto；
- Safari 内核：webkit
二、JavaScript
- JavaScript是互联网上最流行的脚本语言，这门语言可用于Web和HTML，更可以广泛用于服务器，pc端，移动端。
- JavaScript脚本语言：
JavaScript是一种轻量级的语言；
JavaScript是可插入HTML页面的编程代码；
JavaScript插入HTML页面后，可由所有的浏览器执行； - JavaScript实现：
1.JavaScript用法：必须用于标签 < script > < script >之间；
2.脚本可被放置在HTML页面中的< body > 和< head >部分中；
3.脚本数量无限制；
4.通常把脚本置放在head标签中，以便不干扰内容。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--可以通过在head标签里引入script标签-->
<script>document.write("head引入")</script>
</head>
<body>
<!--可以通过src 来引入外部一个js文件-->
<script src="1.js"></script>
<!--可以通过在body标签里引入script标签-->
<script>document.write("body引入")</script>
</body>
</html>
1.js文件
document.write("外部引入")
- 可以在文档写入的时候添加标签；比如h1；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--可以在写文档的时候加入标签-->
<script>document.write("<h1>h1标签</h1>")</script>
</head>
<body>
</body>
</html>
- 利用JavaScript来操作HTML；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p id="pid"> Hello</p>
<script>
document.getElementById("pid").innerHTML="Hello被script标签改变了";
</script>
</body>
</html>
可以看出，网页并没有显示Hello，而显示的是被改变；
- JavaScript语法：
语句之间的结束分割是分号（；），也可以不写分号，但是写上比较清晰；
语句的执行顺序是按照编写顺序执行的；
标识符：必须以字母，下划线或美元符号开始；
对大小写非常敏感，不可以随便改变大小写；
JavaScript会忽略掉很多的空格；
代码换行要写到 script标签之外；
注释（和 java 的注释一样）：
单行注释：//
多行注释：/**/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
document.write("一次");
</script>
<script>
document.write("两次");
</script>
<script>
document.write("三次");
</script>
</body>
</html>
- JavaScript 声明变量
利用var关键字来声明变量；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
var i = 1;
var j = 2;
var m = i + j;
document.write(m)//在浏览器页面打印输出m的值
</script>
</head>
<body>
</body>
</html>
运行结果如下：
- JavaScript 数据类型
8.1. 字符串（String）
8.2. 数字（Number）
8.3. 布尔（Boolean）
8.4. 数组（Array）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
var i = 1;
var j = 2;
var m = i + j;
document.write(m)
</script>
<script>
var String = "hello";//字符串
var i1 = 10;//数字
var flag = true;//布尔
//数组的定义方式1：通过中括号的方式
var arr = [1,2,3,4];//数组 数组里面可以存放任意类型的数据类型
//数组的定义方式2：通过new Array，括号里面可以直接写元素的值
var arr1 = new Array(1,2,3,4,5,6);
//数组的定义方式3：通过new Array,括号里面先不写
var arr2 = new Array();
//通过数组下标赋值 动态写
arr2[0] = 1;
arr2[1] = 4;
arr2[2] = 5;
arr2[4] = 9
//如果没有定义 arr2[3]这个元素 那么打印结果将是 undefined
document.write(arr2[3]);//打印数组中某一个元素
</script>
</head>
<body>
</body>
</html>
8.5. 对象（Object）;
8.6. 空（null）;
var i2 = null;//输出为 null
8.7. 未定义;
8.8. 可以通过赋值为null 的方式清除变量;
- JavaScript 运算符
9.1 算数运算符：+ 、-、 * 、%、/、++、- -
9.2 赋值运算符：=、+=、-=、* =、%=、/=
9.3 字符串操作：
9.4 比较运算符： ==、 =、！=、！、>、<、>=、<=
===：数据类型与内容都相同，则返回true；
==：内容相同就返回true，与数据类型无关；
! =：比较内容；
! == ：比较内容和数据类型；
9.5 逻辑运算符：&&、||、！
9.6 条件运算符：例如， x < 10? " x比10小" : “x比10 大” - 循环语句
10.1 for循环
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
var arr = [1,2,3,4,5,6];
var j;
//类似于java里面的加强for循环
for (j in arr) {
document.write(arr[j]+"<br>");
}
</script>
</body>
</html>
10.2 while 循环
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
var i = 1;
while (i < 10){
document.write("i = "+i +"<br/>");
i++;
}
</script>
</body>
</html>
- 跳转语句：break return continue；
内容总结
以上是互联网集市为您收集整理的JavaScript变量及数据类型全部内容，希望文章能够帮你解决JavaScript变量及数据类型所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】