第一章,初始java script
1,java script的基本概念
JavaScript一种直译式脚本语言,一种基于对象和事件驱动并具有安全性的客户端脚本语言;
也是一种广泛应用客户端web开发的脚本语言。
简单地说,JavaScript是一种运行在浏览器中的解释型的编程语言。
2,Java script的特点
解释性的脚本语言(代码不进行预编译)
与其他脚本语言一样,JavaScript也是一种解释性语言,它提供了非常方便的开发过程。JavaScript的基本语法结构与C、C++、Java非常相似。
但是在使用之前,与这些语言不同,它们需要先被编译,但是在运行程序的过程中需要逐行解释。javascript与HTML标识符结合使用,方便用户操作。
基于对象
它也可以看作是一种面向对象的语言,这意味着JavaScript可以使用它创建的对象。因此,许多函数可以来自脚本环境中对象方法和脚本之间的交互。
简单而弱的类型
它的简单性主要体现在:第一,JavaScript是一个基于Java基本语句和控制流的简单而紧凑的设计,这是一个非常好的过渡,供用户学习Java或其他C语言编程语言。
而对于具有C语言编程能力的程序员来说,JavaScript非常容易使用;其次,它的变量TYP。ES是弱势阶级。类型1不使用严格的数据类型。
安全性
JavaScript是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。
事件驱动
javascript以事件驱动的方式响应用户。通过在网页中执行操作生成的操作称为事件。例如,按下鼠标,移动窗口,选择菜单等都可以视为事件。
当一个事件发生时,它可能会引起相应的事件响应并执行一些相应的脚本。这种机制称为“事件驱动”。
跨平台
JavaScript依赖于浏览器本身,与操作环境无关。只要计算机能运行浏览器,支持javascript浏览器,就可以正确执行,实现“一次写,环游世界”的梦想。
因此,javascript是一种可以嵌入到HTML文件中的新描述语言。JavaScript语言可以响应用户需求事件(例如表单输入),而不需要任何网络来回传输数据。因此,当用户输入数据时,数据可以由客户机应用程序直接处理,而不是由服务器处理。
二,Javascript的适用
1.java script的引用方式
引用(或嵌入式)
使用 <script>
标签将 JavaScript 代码嵌入到 HTML 页面中。可以放置在 <head>
或 <body>
中。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript</title>
</head>
<body>
</body>
//嵌入式
<script>
alert("Hello,World!");
</script>
</html>
文件引用(外链式)
将 JavaScript 代码编写在一个独立的 .js 文件中,并通过 <script>
标签的 src
属性引入到 HTML 页面中。
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript</title>
</head>
<body>
</body>
<script src="./JavaScript.js">
</script>
</html>
行内式
直接在 HTML 标签的属性中编写 JavaScript 代码。例如,使用 onclick
属性触发按钮点击事件。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript</title>
</head>
<button onclick="alert('Hello, World!')">点击我</button>
<body>
</body>
</html>
第二章Javascript的基本语法
1,变量
什么是变量
变量在使用前,必须在代码中进行声明,即创建该变量。
在使用变量之前,大多数语言通常首先需要声明变量。就是说,必须事先告诉编译器在程序中使用了哪些变量,及这些变量的数据类型以及变量的长度。这是因为在编 …
声明变量有两种方式分别是隐式声明、显式声明
先声明在赋值
var tom;//声明了一个叫tom的变量
var lily;
var jack,jackson;//同时声明了两个变量
//为变量赋值
tom = 'boy';
lily = 'girl';
//输出变量
console.log(tom);
//在声明的同时直接赋值
var height = 188;
console.log(height)
let声明变量
// let用于声明变量 是es6新语法
//es6语法是指2015年推出的ECMAScript新规范
var girFriend = "张元英";
var girFriend = "白鹿";
//let在声明变量时,在一个代码块内,不允许有变量取一样的名字。
let boyFriend = "魏大勋";
boyFriend = "蔡徐坤"
//变量值可以被更改,以最后一次为准。
console.log(boyFriend);//"蔡徐坤"
{let boyFriend = "徐亮"
console.log(boyFriend)}