【JavaScript 基础】01 基础语法

来源：互联网发布：c语言是怎么发明的编辑：程序博客网时间：2024/06/06 07:16

一、JavaScript 概述

JavaScript概念

是对象和事件的脚本语言
是可以插入HTML页面的，可以向HTML页面添加交互行为
是解释性语言，由浏览器解释执行

JavaScript 能做什么?

数据的验证
将动态的内容写入到网页当中(ajax)
可以对事件做出响应
可以读写html中的内容
可以检测浏览器
模拟动画
………………

二、JavaScript 组成

ECMAScript：ECMAScript是一种由Ecma（欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association）通过标准化的脚本程序设计语言。JavaScript是对它的实现和补充。
BOM（Browser Object Model）：浏览器对象模型
DOM（Document Object Model）：文档对象模型)

三、JavaScript的引用方式

嵌入式：被放置在 HTML 页面的<body> 和 <head> 部分中，使用<script>标签。

<script type="text/javascript">    alert("我的第一个js");</script>

外部式：以把脚本保存到外部文件中，扩展名是.js。通过<script> 标签的 “src” 属性中设置该 .js 文件。

<script src="first.js"></script>

事件响应：可以在点击等事件响应的时候使用

<input type="button" name="showalert" value="点击弹出提示"    onclick="javascript:alert('事件响应')" />

重定向：可以在超链接的href属性、表单的action属性等位置重定向时使用

<a href="javascript:alert('超链接重定向')">超链接重定向</a><form action="javascript:alert('表单重定向')" method="post">             <input type="submit" value="提交"/></form>

四、JavaScript 的输出

alert();
弹窗会以文本的原格式输出

<script type="text/javascript">    alert("abc");    alert("<p>我是一段话</p>");</script>

document.write();
输出到页面，会以html的语法解析

<script type="text/javascript">    document.write("abc");    document.write("<p>我是一段话</p>");</script>

五、JavaScript 的注释

//单行注释
/*
多行注释
多行注释
*/

六、JavaScript 的命名规范

组成：字母、数字、下划线_、美元符号$
首位不能是数字
严格区分大小写
不能是关键字和保留字

七、分号的使用

分号表示一个功能的结束
换行可以代替分号功能
建议能加分号的地方都要用分号结束

八、变量的声明和赋值

使用“var”关键字来声明变量
JavaScript 是弱类型语言，所有类型变量均使用var声明

var v1 = 10; var v2 = "abc";

JavaScript 拥有动态类型，也就是相同的变量可用作不同的类型

var v1 = 10; v1 = "abc";

声明和赋值的几种方式

// 先声明后赋值var v1;v1 = 10;// 声明并赋值var v1 = 20;// 同时声明多个变量后赋值var v1, v2, v3;v1 = 30;// 同时声明多个变量并赋值var v1 = 40, v2, v3;

九、JavaScript的数据类型

JavaScript中的数据类型分为原始类型（undefined、null、number、string、boolean）和引用类型（object）。
typeof运算符：用来检测数据类型的

1.undefined
未定义类型，声明后没有被赋值的

var v1;document.write(typeof v1);

2.null
表示空，可用于把变量值清空

var v1 = 10;v1 = null;

3.number
数字类型。可以是32位的整数，也可以是64位的浮点数

var x1 = 34.00;   //小数var x2 = 34;      //整数

4.string
字符串，可以是引号中的任意文本。可以使用单引号或双引号。单双引号必须成对出现，可以互相嵌套，但不能交叉使用。

var s1 = "abc";var s2 = 'abc';var s3 = "abc'abc'";document.write(typeof s1);document.write(typeof s2);document.write(typeof s3);document.write(s3);

5.boolean
布尔类型，只有true和false两个值

var b1 = true;var b2 = false;

6.object
对象，包含属性和方法的集合

微信公共号

阅读全文

1 0