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分享到此就结束了，感谢您的阅读。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/8255.html

html中的JavaScript