IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> Javascript(1) -> 正文阅读

[JavaScript知识库]Javascript(1)

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

**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 中的关键字:
breakdoinstanceoftypeofcontinuecaseelsenewvar、catch、finally、forreturnvoidcontinueforswitchwhiledefaultifthrowdeleteintryfunctionthiswithdebuggerfalsetruenull

保留字符:
classenumextendssuperconstexportimportimplementsletprivatepublicyield
interfacepackageprotectedstatic-数据类型指的就是字面量的类型

在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 布尔值:
	-只有两个值:truefalse---主要用来判断
	-var bool = true;
	-console.log(typeof bool);
	-使用typeof检查一个布尔值时,会返回boolean

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

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

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-09-20 15:42:11  更:2021-09-20 15:42:14 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/18 22:03:48-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码