前端系列之javascript基础知识概述

compassblog      2022-02-17     589

关键词:

?微信公众号:compassblog

欢迎关注,欢迎转发,互相学习,共同进步!

有任何问题,请后台留言联系!

1、什么是JavaScript

(1)、JavaScript是web上一种功能强大的编程语言,用于开发交互式的web页面。它不需要进行编译,而是直接嵌入在HTML页面中,由浏览器执行。
(2)、JavaScript被设计用来向HTML页面添加交互行为。
(3)、JavaScript是一种脚本语言(脚本语言是一种轻量级的编程语言)。
(4)、JavaScript由数行可执行计算机代码组成。
(5)、JavaScript通常被直接嵌入HTML页面。
(6)、JavaScript是一种解释性语言(就是说,代码执行不进行预编译)。
(7)、JavaScript的组成:核心ECMAScript、文档象模型 DOM、浏览器对象模型BOM

2、JavaScript的作用

使用JavaScript添加页面动画效果,提供用户操作体验。主要应用有:嵌入动态文本于HTML页面、对浏览器事件做出响应、读写HTML元素、验证提交数据、检测访客的浏览器信息等。

3、JavaScript的引入

在HTML文件中引入JavaScript有两种方式,一种是在HTML文档直接嵌入JavaScript脚本,称为内嵌式,另一种是链接外部JavaScript脚本文件,称为外联式。对他们的具体讲解如下:

(1)、内嵌式:在HTML文档中,通过方式一标签引入如下:

<script type="text/javascript">
//此处为JavaScript代码
</script>

(2)、外联式:在HTML文档中,通过方式二标签引入 .js文件如下:

<script src=demo.js" type="text/javascript" charset="utf-8"></script>

4、JavaScript变量

(1)、在使用JavaScript时,需要遵循以下命名规范:

1)、必须以字母或下划线开头,中间可以是数字、字符或下划线
2)、变量名不能包含空格等符号
3)、不能使用JavaScript 关键字作为变量名,如:function
4)、JavaScript严格区分大小写

(2)、变量的声明:

var 变量名;
//JavaScript变量可以不声明,直接使用。默认值:undefined

(3)、 变量的赋值:

var 变量名 = 值;
//JavaScript变量是弱类型,同一个变量可以存放不同类型的值。也就是说,赋给变量的值是什么类型,它就是什么类型

5、JavaScript数据类型

(1)、基本类型:

1)、Undefined:Undefined类型只有一个值,即undefinedo当声2)、明的变量未初始化时,该变量的默认值是undefined
2)、null:只有一个专用值null,表示空,一个占位符。值undefined实际上是从值null派生来的,因此ECMAScript把它们定义为相等的
3)、Boolean,有两个值truefalse
4)、Number,表示任意数字
5)、string,字符串由双引号("")或单引号(‘‘)声明的。JavaScript没有字符类型
特别注意:
alert(null == undefined);
//输出结果为"true",尽管这两个值相等,但它们的含义不同

(2)、引用类型:

1)、引用类型通常叫做类(class),也就是说,遇到引用值,所处理的就是对象
2)、JavaScript是基于对象而不是面向对象。对象类型的默认值是null
3)、Javascript提供众多预定义引用类型(内置对象)

6、JavaScript运算符

JavaScript运算符与Java运算符基本一致。

7、JavaScript基本操作

1)、alert():向页面中弹出一个提示框
2)、innerHTML:向页面的某个元素中写一段内容,将原有的东西覆盖
3)、document.write():向页面中写内容

8、JavaScript中常用的正则匹配方式

(1)、使用正则对象中的test方法:test()方法返回一个布尔值表示是否可以找到匹配项,例如:

//匹配字符串所有‘at‘的实例
<script type="text/javascript">
var p = /kth/p;//g:表示全局(global)匹配模式,即模式将被应用于所有字符串
console.log(p.test(‘kthz‘));//true
console.log(p.test(‘kbhh‘));//false
</script>

(2)、使用string对象中的match方法:match()方法匹配正则表达式,并且以数组的形式返回匹配的选项,例如:

<script type="text/javascript">
var num = /d+/g;//g表示全局匹配
var str = "a3 sdf 45 df";
str.match(num);//返回["3", "45"]
</script>

9、JavaScript中函数编写方式

使用关键字function来定义函数,函数名自定义,例如:

<script type="text/javascript">
function demo(){
alert("这是JavaScript函数!");
}
</script>

?微信公众号:compassblog

欢迎关注,欢迎转发,互相学习,共同进步!

有任何问题,请后台留言联系!

1、什么是JavaScript

(1)、JavaScript是web上一种功能强大的编程语言,用于开发交互式的web页面。它不需要进行编译,而是直接嵌入在HTML页面中,由浏览器执行。
(2)、JavaScript被设计用来向HTML页面添加交互行为。
(3)、JavaScript是一种脚本语言(脚本语言是一种轻量级的编程语言)。
(4)、JavaScript由数行可执行计算机代码组成。
(5)、JavaScript通常被直接嵌入HTML页面。
(6)、JavaScript是一种解释性语言(就是说,代码执行不进行预编译)。
(7)、JavaScript的组成:核心ECMAScript、文档象模型 DOM、浏览器对象模型BOM

2、JavaScript的作用

使用JavaScript添加页面动画效果,提供用户操作体验。主要应用有:嵌入动态文本于HTML页面、对浏览器事件做出响应、读写HTML元素、验证提交数据、检测访客的浏览器信息等。

3、JavaScript的引入

在HTML文件中引入JavaScript有两种方式,一种是在HTML文档直接嵌入JavaScript脚本,称为内嵌式,另一种是链接外部JavaScript脚本文件,称为外联式。对他们的具体讲解如下:

(1)、内嵌式:在HTML文档中,通过方式一标签引入如下:

<script type="text/javascript">
//此处为JavaScript代码
</script>

(2)、外联式:在HTML文档中,通过方式二标签引入 .js文件如下:

<script src=demo.js" type="text/javascript" charset="utf-8"></script>

4、JavaScript变量

(1)、在使用JavaScript时,需要遵循以下命名规范:

1)、必须以字母或下划线开头,中间可以是数字、字符或下划线
2)、变量名不能包含空格等符号
3)、不能使用JavaScript 关键字作为变量名,如:function
4)、JavaScript严格区分大小写

(2)、变量的声明:

var 变量名;
//JavaScript变量可以不声明,直接使用。默认值:undefined

(3)、 变量的赋值:

var 变量名 = 值;
//JavaScript变量是弱类型,同一个变量可以存放不同类型的值。也就是说,赋给变量的值是什么类型,它就是什么类型

5、JavaScript数据类型

(1)、基本类型:

1)、Undefined:Undefined类型只有一个值,即undefinedo当声2)、明的变量未初始化时,该变量的默认值是undefined
2)、null:只有一个专用值null,表示空,一个占位符。值undefined实际上是从值null派生来的,因此ECMAScript把它们定义为相等的
3)、Boolean,有两个值truefalse
4)、Number,表示任意数字
5)、string,字符串由双引号("")或单引号(‘‘)声明的。JavaScript没有字符类型
特别注意:
alert(null == undefined);
//输出结果为"true",尽管这两个值相等,但它们的含义不同

(2)、引用类型:

1)、引用类型通常叫做类(class),也就是说,遇到引用值,所处理的就是对象
2)、JavaScript是基于对象而不是面向对象。对象类型的默认值是null
3)、Javascript提供众多预定义引用类型(内置对象)

6、JavaScript运算符

JavaScript运算符与Java运算符基本一致。

7、JavaScript基本操作

1)、alert():向页面中弹出一个提示框
2)、innerHTML:向页面的某个元素中写一段内容,将原有的东西覆盖
3)、document.write():向页面中写内容

8、JavaScript中常用的正则匹配方式

(1)、使用正则对象中的test方法:test()方法返回一个布尔值表示是否可以找到匹配项,例如:

//匹配字符串所有‘at‘的实例
<script type="text/javascript">
var p = /kth/p;//g:表示全局(global)匹配模式,即模式将被应用于所有字符串
console.log(p.test(‘kthz‘));//true
console.log(p.test(‘kbhh‘));//false
</script>

(2)、使用string对象中的match方法:match()方法匹配正则表达式,并且以数组的形式返回匹配的选项,例如:

<script type="text/javascript">
var num = /d+/g;//g表示全局匹配
var str = "a3 sdf 45 df";
str.match(num);//返回["3", "45"]
</script>

9、JavaScript中函数编写方式

使用关键字function来定义函数,函数名自定义,例如:

<script type="text/javascript">
function demo(){
alert("这是JavaScript函数!");
}
</script>

















































前端系列之css基础知识概述

1、什么是DIV(1)、div就是html一个普通标签,进行区域划分。特性:独自占一行。独自不能实现复杂效果。必须结合css样式进行渲染。(2)、div通常其是块级元素(3)、div是定义文档中的分区或节(division/section)。(4)、div标签... 查看详情

前端基础之javascript

 http://www.cnblogs.com/yuanchenqi/articles/6893904.html知识预览JavaScript概述 二JavaScript的基础三JavaScript的对象BOM对象DOM对象实例练习js扩展回到顶部JavaScript概述 JavaScript的历史1992年Nombas开发出C-minus-minus(C--)的嵌入式 查看详情

前端基础之javascript

知识预览一JavaScript概述二JavaScript的基础三JavaScript的对象四BOM对象五DOM对象六实例练习七JS扩展一JavaScript概述JavaScript的历史1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执... 查看详情

前端之javascript基础

前端之JavaScript基础本节内容JS概述JS基础语法JS循环控制ECMA对象BOM对象DOM对象1.JS概述1.1.javascript历史1992年Nombas开发出C-minus-minus(C—)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言)Netscape(网景)接... 查看详情

前端基础之javascript

JavaScript思维导图: JavaScript概述 JavaScript的历史1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言)Netscape(网景)接收Nombas的理念,(BrendanEich)在其NetscapeNavigator2.0产... 查看详情

前端基础之javascript

一、JavaScript概述 一、JavaScript的历史1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言)Netscape(网景)接收Nombas的理念,(BrendanEich)在其NetscapeNavigator2.0产品中开发出一... 查看详情

前端基础之javascript

JavaScript概述 JavaScript的历史1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言)Netscape(网景)接收Nombas的理念,(BrendanEich)在其NetscapeNavigator2.0产品中开发出一套livescript... 查看详情

前端基础之javascript

JavaScript概述JavaScript的历史1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言)Netscape(网景)接收Nombas的理念,(BrendanEich)在其NetscapeNavigator2.0产品中开发出一套livescript的脚... 查看详情

前端基础之javascript

JavaScript概述JavaScript的历史1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言)Netscape(网景)接收Nombas的理念,(BrendanEich)在其NetscapeNavigator2.0产品中开发出一套livescript的脚... 查看详情

前端基础之javascript(代码片段)

 JavaScript概述ECMAScript和JavaScript的关系1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这门语言能够成为国际标准。次年,ECMA发布262号标准文件(ECMA-262)的第一版,规定了浏览器脚... 查看详情

前端基础之javascript_1(代码片段)

摘要:JavaScript简介引入方式语言规范JavaScript语言基础变量声明数据类型运算符流程控制函数词法分析内置对象一、JavaScript概述  1、ECMAScript和JavaScript的关系:  1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript提交... 查看详情

javascript之基础-1javascript(概述基础语法)

一、JavaScript概述JavaScript概念 -JavaScript是一种运行于JavaScript解释器/引擎中的解释型脚本语言 - JavaScript解释器作为JS脚本的运行环境,有如下两种呈现方式   -独立安装的JavaScript解释器;   -嵌入在... 查看详情

前端基础之jquery

概述jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITELESS,... 查看详情

前端逼死强迫症系列之javascript续集

一、javascript函数1.普通函数 functionfunc(){}2.匿名函数setInterval(function(){console.log(123);},5000)3.自执行函数多数情况下可能会引入别人的js,如果别人的js函数重复,会导致一个不能用,为了避免这个问题,把内部所有的功能放到函... 查看详情

javascript之基础-15javascriptoop(概述对象模板)

一、JavaScriptOOP概述OOP概述 -面向对象的语言 -封装     - 把相关的信息(无论数据或方法)存储在对象中 -继承   -从其它对象获得属性和方法 -多态   -能以多种不同的形式... 查看详情

前端基础之javascript

一.JavaScript简介JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的... 查看详情

前端基础之javascript

JavaScript的历史:1992Nombas开发出C-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中),后改名ScriptEase(客户端执行的语言)Netscape(网景)接收Nombase的理念(BrendanEich)在其NetscapeNavigator2.0产品中开发出一套livescript的脚本语言。Sun和Netscape... 查看详情

前端基础之javascript

一、JavaScript概念JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下... 查看详情