JavaScript基础(一)概述

简介: JavaScript 概述JS作用验证表单(以前的网速慢)页面特效(PC端的网页效果)移动端(移动web和app)异步和服务器交互(AJAX)服务端开发(nodejs)语言类型js是一种脚本语言,不仅是脚本语言还是弱类型的脚本语言。

JavaScript 概述

JS作用

  • 验证表单(以前的网速慢)
  • 页面特效(PC端的网页效果)
  • 移动端(移动web和app)
  • 异步和服务器交互(AJAX)
  • 服务端开发(nodejs)

语言类型

js是一种脚本语言,不仅是脚本语言还是弱类型的脚本语言。

脚本语言是一种解释性语言,解释性语言是相对于编译性语言而言的。

编译型语言:编译代码,把代码编译成CPU认识的语言(文件),然后整体的执行。

解释型语言:一行一行解析,解析一行执行一行。

弱类型语言:简单理解定义一个变量,可以有多种数据类型。(如:var)

前端组成

HTML:提供网页上显示的内容(结构)

CSS :美化网页(样式)

JavaScript(js):控制网页行为(行为)

js组成

js = ECMAScript + DOM + BOM + 高级

ECMAScript(前身为欧洲计算机制造商协会):JavaScript的语法规范

DOM(Document Object Model 的文档对象模型简称):JavaScript操作网页上元素的API

BOM(Browser Object Model 的浏览器对象模型简称):JavaScript操作浏览器部分功能的API

js书写位置

内嵌式:
  一般放在body的最后,有时放在head标签中。
外链式:
  src=”外部js文件路径”

JS基础知识

一、输出语句

console.log("内容"); // 在控制台打印输出内容
alert("内容"); // 弹窗显示内容
document.write("内容"); // 在页面书写内容,其内容可以识别标签
document.write("<h1>你好</h1>")

二、其他语句

alert("内容"); // 弹出对话框
prompt("提示信息"); // 可以在弹出的对话框输入内容给后台
confirm("") // 弹出对话框,有是否按钮

三、js代码的注意问题:

  1. 在一对script的标签中有错误的js代码,那么该错误的代码后面的js代码不会执行。
  2. 如果第一对的script标签中有错误,不会影响后面的script标签中的js代码执行。
  3. script标签里面可以写的内容:type=”text/javascript” 标准写法,或者 language=”JavaScript”,都是可以省略的,原因遵循h5标准。
  4. script标签可以出现多对。
  5. 如果使用引入外部js文件的方式,那么不要在script标签里面写任何js代码,如果想写,就新开一对script标签。
目录
相关文章
N..
|
24天前
|
JavaScript 前端开发 API
Vue.js概述
Vue.js概述
N..
18 2
|
1月前
|
存储 XML 前端开发
编程笔记 html5&css&js 036 CSS概述
编程笔记 html5&css&js 036 CSS概述
|
4月前
|
数据采集 JavaScript 前端开发
Vue Nuxt.js 概述
Vue Nuxt.js 概述
80 0
|
5月前
|
存储 JavaScript 前端开发
【js】函数概述学习笔记(8)
【js】函数概述学习笔记(8)
22 0
|
6月前
|
JavaScript 网络协议 前端开发
关于 Node.js Stream API 的用法概述
关于 Node.js Stream API 的用法概述
30 0
|
8月前
|
Web App开发 JavaScript 前端开发
Node.js -- Node.js概述与安装和运行
Node.js -- Node.js概述与安装和运行
|
10月前
|
JavaScript 前端开发 数据库
Node.js 阻塞与非阻塞概述
Node.js 阻塞与非阻塞概述
|
11月前
|
XML 缓存 JavaScript
JavaScript-JavaScript概述及简单使用
JavaScript-JavaScript概述及简单使用
77 0
|
11月前
|
Web App开发 JavaScript 开发工具
零基础html5+div+css+js网页开发教程#001网页开发概述
零基础html5+div+css+js网页开发教程#001网页开发概述
|
JavaScript 前端开发
JavaScript 入门基础 - 运算符(三)
文章目录 JavaScript 入门基础 - 运算符(三) 1.什么是运算符 2.表达式和返回值 3.算术运算符概述 4. 赋值运算符 5.递增和递减运算符 5.1 递增和递减运算符概述 5.2 递增运算符 5.2.1 前置递增运算符 5.2.2 后置递增运算符 5.2.3 后置和前置运算符的区别 6. 比较运算符 7. 逻辑运算符 7.1 逻辑运算符概述 7.2 逻辑与 7.3 逻辑或 7.4
121 0
JavaScript 入门基础 - 运算符(三)