JavaScript学习笔记(一)
2022/9/17 14:17:19
本文主要是介绍JavaScript学习笔记(一),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
JavaScript基础
什么是JavaScript
前端开发三大基础知识
- HTML (专门编写网页内容)——搭建网页结构
- CSS (专门设计网页的样式)——修饰,美化网页
- JavaScript(js)专门设计网页的交互效果的 ——验证,特效
- 交互:输入数据 =》程序处理数据 =》返回结果 =》“解释执行”:和读书一样的 一行一行的往下读 专门在js的解释器中运行(浏览器自带的解释器)
JavaScript的组成
-
Js由三部分组成
-
ECMASCRIPT(核心的语法) es5 es6 typescript
-
DOM(文档对象模型 w3c) 将js嵌套到网页中操作html标签
-
BOM(专门操作浏览器窗口的工具 浏览器自行规定的 所以它没有标准)
JavaScript的特点
-
脚本语言。JavaScript是一种解释型的脚本语言,C、C++、Java等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。(边解释边执行)
-
简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于JavaScript基本语句和控制的脚本语言,其设计简单紧凑
-
基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
-
动态性。JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。
-
跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提上机器上的浏览器支持JavaScript脚本语言,目前JavaScript已被大多数的浏览器所支持。
-
弱类型(重点)
Java定义一个变量 int a=123;// int:数据类型是整形 a:表示变量名 123 值 double b=12.3; float f=12.4f; long l=10L; Js定义一个变量 var a=123 // var表示声明的意思 a:表示变量名 123值 var b = 12.3;
JavaScript的三种使用方式
1、行内js
<input type="button" value="点击有惊喜" onclick="javascript:alert('哈哈哈哈')"> <!--onclick:点击触发一个事件,alert:弹出一个对话框-->
2、内部js:script里的程序整个页面都可以用
<script type="text/javascript"> var a = 10; console.log(a); </script>
3、外部js:很多html页面都可以调用设定的js页面
<script src="js/a.js" type="text/javascript" >
JavaScript输入输出语句
为了方便信息的输入输出,JS中提供了一些输入输出语句,其常用的语句如下:
方法 | 说明 | 归属 |
---|---|---|
alert(msg) | 浏览器弹出警示框 | 浏览器 |
console.log(msg) | 浏览器控制台打印输出信息 | 浏览器 |
prompt(info) | 浏览器弹出输入框,用户可以输入 | 浏览器 |
- 注意:alert() 主要用来显示消息给用户,console.log() 用来给程序员自己看运行时的消息。
变量
什么是变量
变量就是一个装东西的盒子。
变量是用于存放数据的容器。 我们通过 变量名 获取数据,甚至数据可以修改。
变量在内存中的存储
本质:变量是程序在内存中申请的一块用来存放数据的空间。类似我们酒店的房间,一个房间就可以看做是一个变量。
这篇关于JavaScript学习笔记(一)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-22[开源]10.3K+ Star!轻量强大的开源运维平台,超赞!
- 2024-11-21Flutter基础教程:新手入门指南
- 2024-11-21Flutter跨平台教程:新手入门详解
- 2024-11-21Flutter跨平台教程:新手入门与实践指南
- 2024-11-21Flutter列表组件教程:初学者指南
- 2024-11-21Flutter列表组件教程:新手入门指南
- 2024-11-21Flutter入门教程:初学者必看指南
- 2024-11-21Flutter入门教程:从零开始的Flutter开发指南
- 2024-11-21Flutter升级教程:新手必读的升级指南
- 2024-11-21Flutter升级教程:轻松掌握Flutter版本更新