初识JavaScript

小王不是程序员

已于 2022-09-14 21:58:05 修改

阅读量225

点赞数

分类专栏： JavaScript基础文章标签： javascript 前端开发语言

于 2022-09-13 22:13:28 首次发布

本文链接：https://blog.csdn.net/WXS153322/article/details/126824145

版权

JavaScript基础专栏收录该内容

7 篇文章 0 订阅

订阅专栏

JavaScript由来

JavaScript诞生于1995年，是一种基于对象的脚本语言，是网景公司( pe最初在以，JavaScript运行环境就是浏览器，不需要服务器的支持。JavaScript最初的动机是想要减轻服务器数据处理的负担，如表单数据的验证工作、在网页上显示时间、动态广告等。随着JavaScript所支持的功能日益增多，网页制作人员转而利用它来进行动态网页的设计 JavaScript是一种解释语言，其源代码在客户端执行之前不需经过编译，而是将文本格式的字符代码在客户端由浏览器解释执行。这就是说，JavaScript是需要浏览器支持的 Microsof公司的IE浏览器在以前的版本中是不支持JavaScript语言的，从IE4.0之后开始全面支持JavaScript，这使得JavaScript成为两大浏览器的通用语言，也成为当前制作动态网页的一项利器。

写JavaScript需要的工具：hbuilder,浏览器

JavaScript的使用

那么要如何实现js，JavaScrip是通过嵌入或调入在标准的HTML中实现的，所以JavaScrip的编写要基于HTML上实现。

那么怎么在HTML中使用JavaScript代码，一下总结出四种方式参考

1.将JavaScript代码写在<script>.....</script>标签中，将标签插入网页中。

例如

		<script type="text/javascript">
		// JavaScrip代码块
		</script>

在这里也说一下用<script>标签写入的代码块可以在例如bady标签内和外，head标签内外，HTML标签内外也可以。

例如：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript">
			// 我在head标签里
		</script>
	</head>
	<script type="text/javascript">
		// 我在head标签外
	</script>
	<body>
		<script type="text/javascript">
			// 我在body标签里
		</script>
	</body>
	<script type="text/javascript">
		// 我在body标签外
	</script>
</html>
<script type="text/javascript">
	// HTML标签外
</script>

2.由在<script>标签中使用src属性指定使用外部脚本文件（后缀是.js的文件）

这个方法使用于复杂繁琐代码量大的工作，或者是想区分JavaScript代码块也可以使用

先创建一个js文件

然后就是在<script>标签中使用src属性找到外部js文件引入使用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
        //利用src属性找到指定js文件路径
		<script src="js/index.js"></script>
	</head>
	<body>
		
	</body>
</html>

使用伪URL,在浏览器中的地址栏中使用特殊的javascript协议加上代码。

例如：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>

	</head>
	<body>
		//在超链接中加入javascript代码实现弹窗效果
		<a href="javascript:alert('hello')">点击显示弹窗</a>
	</body>
</html>

效果如下：

4.放置在事件处理程序中，该事件处理程序由onclick或onmouseover这样的HTML标签的属性值指定

JavaScript语法

1.区分大小写。

2.标识符，也就是变量，函数，属性的名字，它们的一个字字符必须是字母，下划线"-"，美元符号$，其他字符也可以是字母，下划线，美元符号或数字。在标识符中我们要按照标准，采用驼峰大小写格式，也就是第一个字母小写，剩下的单词首字母大写，例如firstSecond,myCar。

3.注释，包括单行注释和块级注释。

单行注释：//.......

例如

//这是个单行注释

块级注释：/*.......*/

/* 
    这是一个
	 多行
	注释
		*/

4.语句。javascript语句是以分号结束，如果语句中没有写分号，解析器将会确定的语句的结尾，所以建议在写下一行代码的同时结尾加冒号，虽然不是必须的，但是尽量不要省略，以免日后出错

javascript数据类型

基本数据类型

数值数据类型（number）
布尔类型（boolean）
未定义数据类型（undefined）
空数据类型（null）

引用数据类型

字符转类型（string）
数组类型（Array）
对象类型（object）

变量

变量就是所对应的值可能随程序的进行而变化。JavaScript使用var关键字来声明一个变量。

变量命名规则

变量名的第一个字符只能是英文字母或下划线
变量名从第二个字符开始，可以使用数字，字母和下划线
变量名区分大小写，如变量A和变量a是两个不同的变量
不能使用JavaScript的关键字例如 var

定义变量的方法

在定义JavaScript变量时，可以使用以下方式

<script type="text/javascript">
			var name;	//只声明变量，没有给值
			var answer = null 	//声明变量并给赋予空值
			var price = 12.5;	//声明变量同时并给变量赋值
			var str = "hello" 	//声明变量同时给变量赋字符串的值
			var a,b,c;			//使用逗号同时声明多个变量，没有给初值
			result = true;		//省略var关键字来声明变量，赋布尔值
</script>