【web学习之Js】 JavaScript基础 - 基础语法

█ 【web学习之Js】 JavaScript基础 - 基础语法

█ JavaScript：

-　
　●　JavaScript是一种描述语言，基于对象和事件驱动的脚本语言
　●　脚本语言（一种轻量级的编程语言）
　●　一种解释型语言（无需预编译）

像C、C++、Delphi、Pascal、Fortran 等都是编译型语言，需要编译后生成可执行文件exe才可以使用。只需要第一次编译成操作系统了解的类型，运行时不需要重新翻译，就可以直接运行。程序执行速度快、效率高，依赖编译器，跨平台性差些。

Python/JavaScript / Perl /Shell等都是解释型语言,不需要编译，直接在=在运行时先解释再运行，每执行一次都要翻译一次。程序执行速度慢、效率低，依靠解释器，跨平台性好。

Java代码都是要编译的，但是编译后不能直接运行，需要解释运行在JVM上，因此即是编译型语言，又是解释型语言。总体更偏向解释型的语言。

●　被设计为向HTML页面添加交互行为

可以大大缩短和服务器之间的交互频率

●　运行于客户端

直接在浏览器运行

●　JavaScript和JAVA的关系

JavaScript与JAVA没有关系，不同公司的，不同语言，不同用法，只是名字恰好有点像

█ JavaScript特点：

-　
●　可以使网页增加互动性，能及时响应用户的操作。
●　可以操作页面的DOM元素 (获取页面的各个节点元素)

浏览器会将HTML构建成一个DOM树
document.getElementById(“ul”).innerHTML = html;
document.write(“Hello World!”);

●　可以操作浏览器窗口(打开、关闭、移动、定位和调节尺寸)

window.location=“http://www.baidu.com”;

●　可以动态渲染html页面 (动态刷新数据表格)

js 循环渲染html页面

●　可以对提交表单做即时验证 (检查输入的数据是否合法)

█ JavaScript的3种引入方式：

-　
　●　1.行内引入(html标签)：

< button onclick=“alert(123)”>行内引入</ button>

●　2.内部引入(script标签):// 标准写法

< script type= " text/javascript" > 这是js的内部引入< /script>

●　3.外部引入(引用文件):// 推荐写法

< script type=“text/javascript” src="…/test.js">< /script>

PS1: script标签一般定义在head或body中　
PS2: 行内引入方式必须结合事件来使用　
PS3: 外部的JS文件，它具有维护性高、可缓存(加载一次，无需加载)、方便未来扩展、复用性高等特点

█ 基础语法

-　
　●　常用的消息框

  alert("这是一个alert对话框");	

  prompt("这是一个prompt带输入的对话框1"); 
  prompt("这是一个prompt带输入的对话框2", "");  		
  prompt("这是一个prompt带输入的对话框3","请输入留言"); 

  confirm("这是一个confirm确认信息？");

在这里插入图片描述
PS: 确定则返回true，取消则返回false

●　JavaScript的变量
1、变量名区分大小写，代码也区分大小写
2、以字母或下划线或美元符$开始
3、不能使用关键字
4、先声明后使用
5、变量可以重复赋不同类型的值

PS: 句尾的分号要不要省略？答案是：工具来帮我们自动完成，因此可以不用写！

●　数据类型:Undefined(未赋值)、Null(未存在的对象)、Number、Boolean、String
　●　typeof检测变量的类型，返回值为字符串类型
undefined：变量被声明后，但未被赋值
string：用单引号或双引号来声明的字符串
boolean：true或false
number：整数或浮点数
function：函数方法
object：对象或数组或 Null 类型

转载请注明出处：

https://blog.csdn.net/ljb568838953/article/details/83141010