JavaScript ——简介
JavaScript 是目前最流行脚本语言,简称 JS。JavaScript 编写在 HTML 页面中,由浏览器负责解释和执行,JavaScript 通常用来给 HTML 页面增加交互能力。 JS可以给html带来的功能: 为页面增加动画效果 验证表单输入项有效性 实现本地数据存储
html、CSS和JS之间的关系
JS的语言应用——内嵌式/内部式/外部式
在html中,可以通过以下三种方法来应用JS:
1.内嵌式:又称行内式,在HTML标签上编写JS,如:<button οnclick="alert('你好 JavaScript');">Hello!JavaScript</button><html>
<head>
<meta charset="UTF-8">
<title>JS</title>
</head>
<body>
<button onclick="alert('你好 JS');">Hello JS</button>
</body>
</html>
2.内部式:在HTML页面中的script标签中编写JS,如:<script>...</ script >
<html>
<head>
<meta charset="UTF-8">
<title>JS</title>
<script type="text/javascript">
alert(“你好 JS”);
</script>
</head>
<body>
</body>
</html>
3.外部式:在HTML页面中引入外部JS文件,如:<script src=“xx.js"></ script >
<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”;
命名规则:
1.变量名只能包含:字母、数字、下划线( _ ) 2.不能以数字开头 3.不能使用JS关键字 4.变量名区分大小写,下面是两个不同的变量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种数据类型
1. 字符串 ( String ) var name = “张三”; // 字符串(单引号或双引号) 2. 数字 ( Number) var age = 20; // 数字 3. 布 尔 ( Boolean ) var isFirst = true; // 布尔( true 或 false ) 4. 对象 ( Object ) var company = new Object(); // 对象 5. 空 ( Null ) var address = null; // 空 6. 未定义 ( Undefined ) var phone; // 未定义
我们可以利用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>
如有帮助,可以留下一个免费的赞支持一下,感激不尽!
更多推荐
html中的JavaScript
发布评论