JavaScript ——简介
html、CSS和JS之间的关系
JS的语言应用——内嵌式/内部式/外部式
在html中,可以通过以下三种方法来应用JS:
<html>
<head>
<meta charset="UTF-8">
<title>JS</title>
</head>
<body>
<button onclick="alert('你好 JS');">Hello JS</button>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>JS</title>
<script type="text/javascript">
alert(“你好 JS”);
</script>
</head>
<body>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>JS</title>
</head>
<body>
<script src="main.js"></script>
</body>
</html>
这个要在main.js文件中加入语句 alert(“你好 JS”); 才能运行。
JavaScript 变量——存储数据信息的“容器”
JS对变量定义比较特殊,使用var来进行定义,如:var name=“hello”;
命名规则:
var name=“学习”;
var Name=“XueXi” ;
<script type=“text/javascript”>
var age=21;
var phone1=“13800000000”;
var my_address=“YunNan”;
x=5,y=10;
</script>
JS中定义多个变量利用逗号 , 分割,如:var name=“张三”,age,phone;
JS关键字
JS关键字又称“Js保留字”,不能用作变量名或者函数名,以下是部分保留字列表:
abstract | arguments | boolean | break | byte |
case | catch | char | class* | const |
continue | debugger | default | delete | do |
double | else | enum* | eval | export* |
extends* | false | final | finally | float |
for | function | goto | if | implements |
import* | in | instanceof | int | interface |
let | long | native | new | null |
package | private | protected | public | … |
JavaScript 中的6种数据类型
我们可以利用JavaScript内置函数typeof 判断数据类型。
JS动态类型
JS拥有动态类型特征,这意味着相同的变量可以用来存储不同的类型值,也就是说,JavaScript中的变量,可以根据其存储的值,动态改变其变量类型
<script type=“text/javascript”>
var x; // x 为未定义类型 undefined
x = 20; // 现在 x 为数字类型 number
x = “Hello”; // 现在 x 为字符串类型 string
</script>
JS注释
注释不会被执行,但可以提高代码的可读性或方便调试。在JS中,注释的编写有两种方式:一种是单行注释,一种是多种注释
<script type=“text/javascript”>
var name = “张三”; // 姓名
/*
x初始值必须为 20
如果大于20则…
*/
var x = 20
</script>
调试时可以将暂时不用的部分注释掉,待调试完后去掉注释符号即可
<script type=“text/javascript”>
var y = 30;
// y = y + 100;
/*
var x = 25;
y = x + 80;
*/
</script>
如有帮助,可以留下一个免费的赞支持一下,感激不尽!