​微信公众号: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,有两个值true和false
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>

同步更新:

微信公众号:https://mp.weixin.qq.com/s?__biz=MzU5MTE0ODcwNQ==&tempkey=OTQ0X0I1cVZGN0FEdzBsN3Mzb3VDcWR4ZTNzdjZBREhVdE1oOUdiRzk5cEdBZnlnTllqckVwbVRQOC04aE5WeWMyeVJWMFRDelJ4U1VFc1NBYlU3OW9aVlFlLUlYQVlhSkc3ZlNJQUlLNHMtd2J0dmlaV2lDbnFISUkwNWo2S2JzcGZsUUVwLWFyODhIRV9ZWlFDQTlINkNSa3A1MUVaVXlVX3ZjRTY5R1F%2Bfg%3D%3D&chksm=7e3221d44945a8c282de375f6ba1160bb949022ca352fba040e1611e70186dbe85b09dcb48a0#rd

http://120.79.207.130/blog/8

http://blog.csdn.net/Leonard_Kongtanhuo/article/details/79330782

扫码关注微信公众号,了解更多

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

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

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

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

    1.什么是HTML HTML:Hyper Text Markup Language :超文本标记语言. 超文本:功能比普通文本更加强大. 标记语言:使用一组标签对内容进行描述的语言,它不是编程语言. ...

  3. 【前端】之JavaScript基础知识

    JS 基础知识 JS中,简单类型的数据存储在栈中,复杂类型的数据存储在堆中,其引用存储在栈中 JS中的深拷贝和浅拷贝: 浅拷贝:将对象中的所有简单类型的属性拷贝出来,引用类型属性直接赋值null 深拷 ...

  4. 学习javascript基础知识系列第二节 - this用法

    通过一段代码学习javascript基础知识系列 第二节 - this用法 this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascr ...

  5. 学习javascript基础知识系列第三节 - ()()用法

    总目录:通过一段代码学习javascript基础知识系列 注意: 为了便于执行和演示,建议使用chrome浏览器,按F12,然后按Esc(或手动选择)打开console,在console进行执行和演示 ...

  6. Magento 架构基础知识概述

    Megento 架构基础知识概述 Magento整合了面向对象的基于PHP的应用程序的核心架构原则.这些一般原则的综合讨论既有在线的,也有印刷形式.以下讨论主要关注这些主题如何直接应用于Magento ...

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

    前端开发:css基础知识之盒模型以及浮动布局 前言 楼主的蛮多朋友最近都在学习html5,他们都会问到同一个问题 浮动是什么东西?  为什么这个浮动没有效果?  这个问题楼主已经回答了n遍.今天则是把 ...

  8. Javascript基础知识总结一

    Javascript基础知识总结一 <!DOCTYPE html> <html> <head lang="en"> <meta chars ...

  9. JavaScript 基础知识 - BOM篇

    前言 本篇文章是JavaScript基础知识的BOM篇,如果前面的<JavaScript基础知识-DOM篇>看完了,现在就可以学习BOM了. 注意: 所有的案例都在这里链接: 提取密码密码 ...

随机推荐

  1. oracle分页查询及原理分析(总结)

    oracle分页查询及原理分析(总结) oracle分页查询是开发总为常用的语句之一,一般情况下公司框架会提供只需套用,对于增删改查而言,查是其中最为关键也是最为难的一块,其中就有使用率最高的分页查询 ...

  2. 如何检测浏览器url变化

    用户通过“点击触发”,“操作历史”,“直接访问URL”的方式修改当前URL.这三种触发方式会使浏览器做出不同的行为 html5提供了两种方式在页面中操作历史 history.pushState(sta ...

  3. HTTP协议简介

    一.简介 HTTP(HyperText Transfer Protocol, 超文本传输协议) 是访问互联网使用的核心通信协议,也是所有web应用程序使用的通信协议.消息模型:客户端发送请求消息,服务 ...

  4. 在form里面,放了四个UEditor,怎么在后台分别获取它们值

    1) 默认情况下提交到后台的表单名称是 "editorValue",在editor_config.js中可以配置,参数名为textarea. 2) 可以在容器标签(即script标 ...

  5. yourphp常用标签

    方法/步骤 1 引入页面: 首页链接:{$site_url}  英文首页{$site_url}/en 面包屑导航: {:L(catpos)} {:L(home_font)} >       幻灯 ...

  6. 数据结构与算法(c++)——反转链表

    算法概述:要求实现将一条单向链表反转并考虑时间复杂度. 算法分析: 数组法(略): 将列表元素逐个保存进数组,之后再逆向重建列表 点评:实现逻辑最简单,需要额外的内存开销. 移动指针: 通过三个指针逐 ...

  7. 有经验JAVA程序员如何提升自己?

    作为一个具有一到五年开发经验程序员,需要学习内容很多: JVM/分布式/高并发/性能优化/Spring MVC/Spring Boot/Spring Cloud/MyBatis/Netty源码分析等等 ...

  8. Python 使用Pillow模块生成验证码

    1.安装 pip3 install pillow 2.使用步骤 生成验证码和验证字符串 绘制图片,将验证码放入session中 将图片返回给页面 3.代码demo #!/usr/bin/env pyt ...

  9. pyftpdlib 搭建FTP服务器

    学会socket之后,就可以使用应用层的协议了,比如FTP,HTTP等,不过一般这些应用层都会有现成的模块,学不学socket都无所谓,这是python的方便之处.这里搭建FTP服务器使用的就是pyf ...

  10. Python 斐波那契数列练习

    # coding=gbk # 迭代法---1 def fibonacci (n): if n == 0 or n == 1: return n else : a = 0 b = 1 for i in ...