Javascript（1）

最新推荐文章于 2024-11-11 19:29:13 发布

每天一点点~

最新推荐文章于 2024-11-11 19:29:13 发布

阅读量81

点赞数

文章标签： javascript html css

本文链接：https://blog.csdn.net/weixin_46163346/article/details/120382869

版权

计算机语言可分为机器语言、汇编语言和高级语言。

**JavaScript由三部分组成：**

ECMAScript： JavaScript 的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。

DOM：Document Object Model（文档对象模型），操作页面上的元素的API。比如让盒子移动、变色、改变大小、轮播图等等。

BOM：Browser Object Model（浏览器对象模型），操作浏览器部分功能的API。通过BOM可以操作浏览器窗口，比如弹框、控制浏览器跳转、获取浏览器分辨率等等。

JavaScript 的特点
	-解释型语言
	-类似于C和Java的语法结构
	-动态语言
	-基于原型的面向对象

js输出方式：
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<!--JS代码需要写到script标签中-->
	<script type="text/javascript">
		1./*控制浏览器弹出一个警告框*/
			alert('第一个JS');
		2./*让计算机在页面中输出一个内容
		*document.write()可以向body中输入一个内容
		*/
			document.write("看我不出来~");
		3./*向控制台输出一个内容*/
			console.log("哈哈哈！");
	</script>
</head>
<body>
</body>
</html>

js写法：
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title></title>
     1.<!-- 将js编写到外部的 js 文件中,然后通过script标签引入 -->（推荐使用）
     //写到外部文件中可以在不同页面中同时引用，也可以利用浏览器的缓存机制
     //一旦引入就不能再编写代码了。如果需要则可以在创建一个新的script标签用于编写内部代码
		<script  type="text/javascript" src="js/script.js"></script>
    
    2. <!--可以将js编写到**script标签**-->
        <script type="text/javascript">
		alert("我是script标签中的代码！");	
	</script>
    </head>
    <body>
  
   3. <!--可以将js代码编写到标签的Onclick属性中-->（不推荐使用）
   	  // 当我们点击按钮时，js代码才会执行
   	  //虽然可以写在标签的属性中，但是他们属于 结构与行为耦合，不方便维护
        <button onclick="alert('点我干啥');" >点我一下 </button>
        <!--可以将JS写在超链接的href属性中，这样当点击超链接时，会执行js代码-->
        <a href= " javascript:alert('让你点你就点！');">你也点我一下</a>
        <a href= " javascript::;">你也点我一下</a>
    </body>
</html>

注释方式：
单行注释：	//注释
多行注释： /* 
			注释
		  */

·JS中严格区分大小写
·JS中每一条与语句以分号 **;** 结尾
·JS中会忽略多个空格和换行，所以可以利用空格或换行对代码进行格式化

**字面量**---即常量，是固定值，**不可改变的值**。---可以直接使用（一般不会直接使用)

**变量**---可以用来保存字面量,而且变量的值是可以任意改变的---方便使用，故在开发中都是通过变量去保存一个字面量。

变量的声明：
在JS中使用var关键字来声明一个变量
var	a;
//为变量赋值
a=123;
//声明和赋值同时进行
var b=123;
console.log(a);
console.log(b);

标识符：在JS中所有的可以由我们自主命名的都可以称之为标识符。
例如：变量名、函数名、属性名、参数名都是属于标识符。
命名一个标识符时需要遵守如下规则：
	1.标志符中可以含有字母、数字、_、$
	2.标识符**不能**以数字开头
	3.标识符**不能**是ES的关键字或保留字
	4.标志符一般都采用驼峰命名法
		·首字母小写，每个单词的开头字母大写，其余字母小写（helloWorld）
		-JS底层保存标识符时实践上是采用的Unicode编码，故理论上讲，所有的utf-8含有的内容都可以作为标识符

JS 中的关键字：
break、do、instanceof、typeof、continue、case、
else、new、var、catch、finally、for、
return、void、continue、for、switch、
while、default、if、throw、delete、
in、try、function、this、with、
debugger、false、true、null

保留字符：
class、enum、extends、super、const、export、
import、implements、let、private、public、yield
interface、package、protected、static、


-数据类型指的就是字面量的类型

在JS中一共有六种数据类型
基本数据类型：String 字符串、Number 数值、Boolean 布尔值、Null 空值、Undefined 未定义、
引用数据类型：Object 对象。

String 字符串:---在JS中字符串需要使用引号引起来
	var str = "hello"; 
	console.log(str);
-使用双引号 "" 或者单引号 ''，但不要混用
-引号不能嵌套：双引号里不能再放双引号，单引号里不能再放单引号。

在字符串中我们可以使用\作为转义字符，当表示一些特殊符号时可以使用\进行转义。
	-\" 表示 " 双引号
	-\' 表示 ' 单引号
	-\\ 表示\
	-\r 表示回车
	-\n 表示换行。n 的意思是 newline。
	-\t 制表符--表示缩进。t 的意思是 tab。
	-\b 表示空格。b 的意思是 blank。
	str1 = "我说:\"今天\t天气真不错！\"";
	
注意：
//输出字面量 字符串str
alter("str")
//输出变量str
alter(str)

Number 数值：在JS中所有的数值都是 Number 类型，包括整数和浮点数（小数）。
//数字123
var a = 123; 
//字符串123
var b="123";
console.log(a); 
console.log(b); 
//可以使用一个运算符typeof来检查一个变量的类型
语法：typeof 变量
console.log(typeof a);
/*检查字符串时，会返回string
检查数值时，会返回number*/

JS中可以表示的数字的最大值、最小值
	Number.Max_VALUE  1.7976931348623157e+308
	Number.Min_VALUE  5e-324（大于0的最小值）
Infinity 无穷大（+）
NaN ---是一个特殊的数字，表示Not A Number
使用typeof检查一个NaN也会返回number

-在JS中，整数的运算基本可以保证精确；
-但是小数的运算，可能会得到一个不精确的结果。
-千万不要使用JS进行对精确度要求比较高的运算。

Boolean 布尔值：
	-只有两个值：true 和 false---主要用来判断
	-var bool = true;
	-console.log(typeof bool);
	-使用typeof检查一个布尔值时，会返回boolean

Null 空对象:
	-Null 类型的值只有一个，就是 null
	-null 这个值专门用来定义一个空对象
	-使用 typeof 检查一个 null 值时，会返回 object。

Undefined 未定义：
	-Undefined 类型的值只有一个，就是 undefind
	-当声明了一个变量，但是并不给变量赋值，它的值就是 undefined
	-使用 typeof 检查一个 undefined 值时，会返回 undefined