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

[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 
 
开发: 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年12日历 -2024/12/26 4:12:09-

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