JavaScript基础一简介、入门、事件、变量_代码事件是变量吗-优快云博客

本文链接：https://blog.youkuaiyun.com/tufeiax/article/details/46563509

本文深入介绍了JavaScript的基础概念、特点、核心组成部分以及基本操作，包括内嵌JavaScript代码、外部JavaScript代码、事件处理、变量使用和数据类型等内容。文章还强调了JavaScript在网页交互、用户体验提升等方面的应用，帮助开发者掌握JavaScript的核心技能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、JavaScript简介

1、什么是JavaScript

JavaScript是具有面向对象能力的、解释型的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。它不需要在一个语言环境下运行，而只需要支持它的浏览器即可。它主要的目的是，验证发往服务器端的数据、增加web互动、加强用户体验等。

JavaScript就是一种浏览器端执行的语言，可以在客户端浏览器运行，降低服务器的压力。

解释型语言特点：无需编译就可以随时运行，哪怕是有语法错误，没有语法错误的部分还是能正确运行。

2、JavaScript特点

1）松散性：JavaScript语言核心与C、C++、Java类似，比如条件判断、循环、运算符等。但，它却是一种松散类型的语言，体现在它的变量不必具有明确的类型。

2）对象属性：JavaScript中的对象把属性名映射为任意的属性值。它的这种方式很像哈希表或者关联数组，而不像C中的结构体或C++、Java中的对象

3）继承机制：JavaScript中的面向对象继承机制是基于原型的，这和self语言很像，而和C++、Java的继承有很大不同。

3、JavaScript核心

一个完整的JavaScript应该由以下三个不同的部分组成：

1、核心（ECMAScript）

2、文档对象模型（DOM）

3、浏览器对象模型（BOM）

二、JavaScript入门

1、内嵌JavaScript代码：

JavaScript代码放在HTML的<script></script>标签中，而script标签可以放到<head>、<body>等任意位置，而且可以有不止一个script标签，alert函数是弹出消息窗口，new Date（）是创建一个Date类的对象，默认值是当前时间。

<script type="text/javascript">
        alert(new Date().toLocaleDateString());
    </script>

2、外部JavaScript代码

与CSS类似，JavaScript代码也可以写到外部单独的js文件中，然后在页面中通过src属性引入。

外部JavaScript的好处是多页面的时候也可以共享，并可以减轻网络流量。

注意：设置外部代码的script的标签，内部的内容会全部失效，只会相应外部js文件的效果。

<script type="text/javascript" src="demo1.js">
        alert(new Date().toLocaleDateString());
    </script>

例如以上代码，此标签只相应demo.js内的代码，alert代码会无效。

3、使用标签<script></script>可以将JS语法嵌入到html页面中，但值得注意的是，

这个标签可以使用多个并放在多处，，但是它们之间是相关联的，变量可以相互使用

<script>
	var name = 'JavaScript';
</script>

<html>
	<head>
		<style></style>
		
		<script>
			alert(name+'1');
		</script>
		
	</head>
	<body>
	
		<script>
			alert(name+'2');
		</script>
	
	</body>
</html>

<script>
	alert(name+'3');
</script>

三、事件

JavaScript事件：

 <input type="button" value="按钮" onclick="alert('按钮事件')"/>
    <a href ="javascript:alert('hello')">javascript事件</a>
    <a href ="1.htm" onclick="alert('click hello!')">普通事件</a>

注意：JavaScript中的字符串可以用单引号也可以用双引号，在这里使用单引号是为了避免跟html的双引号混淆，带来不必要的麻烦

在表单中写提交事件：

javascript:JS语法

<form action="javascript:alert('@@@@@@');">
			<input type = "submit"></input>
		</form>

onclick事件自动带JS语法，不用加JavaScript的前缀。

四、变量

对于变量和数据类型来说，JavaScript又称为弱类型语言、动态语言。

数据类型：弱类型，只有5、6中数据类型。只能用var什么变量，不能用别的数据类型

变量：动态语言， var可以动态转换数据类型，指向什么类型，该变量就是什么数据类型。

var i = 10;
i = 'abc';
alert(i);

JavaScript基础一 简介、入门、事件、变量

JavaScript基础一简介、入门、事件、变量