[JavaScript知识库] JavaScript

开发: 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 -> 正文阅读

[JavaScript知识库]JavaScript

JS是一门 基于对象 和 事件驱动 的 脚本语言 ，通常用来提高网页与用户的交互性

JavaScript是web前端开发者必学的三种语言之一

1)HTML 定义网页的内容 H1

2)CSS 规定网页的布局 CSS3

3)JavaScript实现网站的交互 ES6

JavaScript，是一种弱类型语言，同其他语言一样，有它自身的语法，数据类型，表达式，算术运算符等。

基于对象:他不仅仅可以创建对象,也能使用现有的对象,JS没有类的概念,也没有编译的过程,是一边解释,一边执行

时间驱动:在JS中,大部分情况下是通过时间触发方式来触发函数执行的,从而实现特点的功能.(比如统过点击将div中的内容替换为时间,当鼠标滑过元素,元素就会有翻转的动态.)

脚本语言:在网络前端开发环境下,用于嵌入在客户端浏览器中的一段小程序

特点与优势

特点:

1) JS是一门直译式语言,直接执行的源代码,不想Java,java语言同一份.java文件,编译成同一份.class文件,在不同JVM运行下,显示同一效果.(跨平台性)

2) JS是一门弱类型的语言,没有严格的数据类型,一个var 可以定义 number,字符串,数组,布尔值,对象等

优势:

1)拥有良好的交互性

2) 一定的安全性,(JS被强制的要求下,不能访问浏览器以外的东西,只能访问浏览器与浏览器内部的资源)

3)跨平台性:只要有浏览器的地方都能执行JS

HTML中引入JS代码

在<head></head> 标签中通过script标签引入JS代码

<head>
	<meta charset="utf-8"/>
	<script>/* JS代码 */
		function fn(){
			alert("JS的第1种引入方式");
		}
	</script>
</head>
<body>
	<div id="div1" onclick="fn();">Hello JavaScript</div>
</body>

通过Script标签引入外部的JS文件

1) 创建1.js文件

function fn(){
	alert("JS的第2种引入方式");
}

在html中引入文件:通过在<head></head>中引入script标签,在标签中通过src属性引入

<head>
	<meta charset="utf-8"/>
	<script src="1.js"> </script>
</head>
<body>
	<div id="div1" onclick="fn();">Hello JavaScript</div>
</body>

基本数据类型

number/string/boolean/null/undefined 都可以使用var 定义

infinity:正无穷大? -Infinity:负无穷的 NaN:Not a Number 非数字,和任何值都不相等,包括他本身

字符串 string 通过" ",' ',都可以修饰

undefined 表示变量没有初始化

null 表示空值,或者不存在的对象

JS的运算符(与Java基本一样)

注意 : ?+=会自动转换数据类型

????????=== 与 ==的区别;=== 不仅会比较值是否相等,还会比较数据类型是否相等

????????var f = prompt("输入数字"); prompt 方法输人的数字为字符串需要强转? parseInt() 进行运算

1) js数组中的数组可以存储例如:数组,字符串,布尔值,undefined,nill,对象

2) JS中的数组长度可以被改变

JS数组的声明方式与JS数组遍历的两种方式

<html>
	<head>
		<meta charset="utf-8">
		<title>测试JS的数组</title>
		<script type="text/javascript">
			//定义数组
			var arr1 = new Array();
			var arr2 = new Array(50,"jack",true);
			
			for(var i = 0;i < arr2.length;i++){//遍历数组
				console.log(i + "---" + arr2[i] );
			}
			for(var i in arr2){//遍历数组方式2
				console.log(i + "---" + arr2[i])
			}
			
		</script>
	</head>
				
	<body>
	</body>
</html>

JS函数

函数就是具有功能的代码块,可以反复调用,函数就是包裹在花括号中的代码块,前面使用关键字function

语法:

1) ?语法:function 函数名(参数列表){函数体} 例如

function aa(b,c){//声明
  alert(b+ c)
}//有参方法

aa(5,6);//创建对象

2) 语法 var 函数名称 = function(参数列表){函数体}

??? 调用:函数名称(参数列表);

 var bb  = function(a,b){//声明
	 alert(a + b);
	 }
bb(10,5);//调用

JavaScript知识库最新文章

ES6的相关知识点

react 函数式组件 & react其他一些总结

Vue基础超详细

前端JS也可以连点成线（Vue中运用 AntVG6）

Vue事件处理的基本使用

Vue后台项目的记录（一）

前后端分离vue跨域，devServer配置proxy代理

TypeScript

初识vuex

vue项目安装包指令收集

加:2021-08-07 11:54:23 更:2021-08-07 12:00:59

360图书馆购物三丰科技阅读网日历万年历 2024年11日历

-2024/11/23 5:52:39-

图片自动播放器
↓图片自动播放器↓

TxT小说阅读器
↓语音阅读,小说下载,古典文学↓

一键清除垃圾
↓轻轻一点,清除系统垃圾↓

图片批量下载器
↓批量下载图片,美女图库↓

网站联系: qq:121756557 email:121756557@qq.com IT数码