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

?微信公众号: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 关键字作为变量名,如:function4)、JavaScript严格区分大小写

(2)、变量的声明:

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

(3)、 变量的赋值:

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

5、JavaScript数据类型

(1)、基本类型:

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

(2)、引用类型:

1)、引用类型通常叫做类(class),也就是说,遇到引用值,所处理的就是对象2)、JavaScript是基于对象而不是面向对象。对象类型的默认值是null3)、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 关键字作为变量名,如:function4)、JavaScript严格区分大小写

(2)、变量的声明:

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

(3)、 变量的赋值:

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

5、JavaScript数据类型

(1)、基本类型:

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

(2)、引用类型:

1)、引用类型通常叫做类(class),也就是说,遇到引用值,所处理的就是对象2)、JavaScript是基于对象而不是面向对象。对象类型的默认值是null3)、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>

原文地址:https://www.cnblogs.com/compassblog/p/8450413.html

时间: 2024-10-24 21:22:11

前端系列之JavaScript基础知识概述的相关文章

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

1.什么是HTML HTML:Hyper Text Markup Language :超文本标记语言. 超文本:功能比普通文本更加强大. 标记语言:使用一组标签对内容进行描述的语言,它不是编程语言. 2.HTML能干什么 HTML用于编写网页,平时上网通过浏览器我们看到的大部分页面都是由html编写的.在浏览器访问网页时,可以通过"右键/查看网页源代码"看到具体的html代码. 网页内容包含:HTML代码.css代码.JavaScript代码等内容. HTML代码:用于展示需要显示的数

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

1.什么是DIV (1).div就是html一个普通标签,进行区域划分.特性:独自占一行.独自不能实现复杂效果.必须结合css样式进行渲染. (2).div通常其是块级元素 (3).div是定义文档中的分区或节(division/section). (4).div标签是以把文档分割为中立的.不同的部分.它可以用作严格的组织工具,并且不使用任f可格式与其关联. (5).如果用id或class来标记div,那么该标签的作用会殳得更加有效. 2.什么是CSS (1).css通常称为css样式或层叠样式

前端开发:css基础知识之盒模型以及浮动布局。

前端开发:css基础知识之盒模型以及浮动布局 前言 楼主的蛮多朋友最近都在学习html5,他们都会问到同一个问题 浮动是什么东西?  为什么这个浮动没有效果?  这个问题楼主已经回答了n遍.今天则是把它写到我的博客中,想知道自己过来翻就好啦 ^_^  下面楼主把当前的自己对css的基础认知一一给大家道来...... 盒模型 谈到盒模型,有经验的小伙伴一定滚瓜烂熟,无非就是 内容(content).填充(padding).边框(border).边界(margin): 这些属性我们可以把它转移到我们

Javascript基础知识5

不要把相等运算符(==)与赋值运算符(=)搞混. 以&&运算符隔开的两个条件中的前者为错,则不会检测第二个条件的真假.利用这一点,可以提高脚本的速度. 使用带switch的多个条件 if(button=="next") window.location = "next.html"; else if(button=="previous") window.location = "pre.html"; else if(

javascript 基础知识

javascript 基础知识编程规范注释 //驼峰对象化编程 数据类型字符串.数字.布尔.数组.对象.Null.Undefined定义 var carname=new String; var x= new Number; var y= new Boolean; var cars= new Array; var person= new Object; 字符串 var word = "Hello World!"; 数字 var x1 = 34.00; //使用小数点来写 var x2 =

JavaScript基础知识梳理--数组

JavaScript基础知识梳理--数组 1.创建方法 空数组:var obj=new Array(); 指定长度数组: var obj=new Array( size ); 指定元素数组 :  var obj=new Array( 元素1,元素2,....): 单位数组:var obj=new Array[ 元素1,元素2,元素3,...,元素N]; 多维数组:var a=new Array( [数组1],[数组2],[数组3],...,[数组N] ); 2.基本操作 存取数组元素: 单维数组

(1)JavaScript基础知识

Javascript基础知识 1.如何使用JavaScript (1).通过<script></script>中直接编写 (2).通过<script src='目标文档的URL'></script>链接外部的Js文件 ① <script  src="URL" type="text/javascript" charset="utf-8"></script> (3).作为某个元素

Javascript基础知识4

字符串大小写转换 toUpperCase()将所有的字符串转换成大写 toLowerCase()将所有的字符串转换成小写 substring(x,y)返回字符串的一部分,从x开始到y结束 charAt(x)获取第x个字符 indexOf("",x)查找字符串, 第一个内容是字符串,第二个是从第x开始 得到的值为这个字符串是从第几个字符开始的 同样lastindexOf()从最后开始查找 split("")分离字符串,内容为以什么分离, 得到的是一个数组 同理,将一个

【小白的java成长系列】——Java基础知识

今天来说说java的基础知识,个人感觉都不知道要说啥的,还是为后面的内容做一些铺垫吧~ 今天主要说的都是java面向对象之前的基础知识,比如数据类型呀,表达式运算符呀~等等一系列的知识,下节来说说面向对象.今天这节我就不用程序来说明,直接用文字说明.因为个人感觉真木有啥好说的,这些程序后续都会说到的,比较简单,写写就会了的..好吧~开始了... 1. Java数据类型划分: 基本数据类型:都是一个个具体的值 数值型:表示具体的数字,所有的整数默认情况下都是int,所有的小数都是double型的