JavaScript笔记一-初识JavaScript

1、JavaScript的起源

JavaScript诞生于1995年,它的出现主要是用于处理网页中的前端验证。所谓的前端验证,就是指检查用户输入的内容是否符合一定的规则。比如:用户名的长度,密码的长度,邮箱的格式等。

2、JavaScript的组成

2.1 核心(ECMAScript)

提供语言的语法和基本对象

2.2 文档对象模型(DOM)

提供处理网页内容的方法和接口

2.3 浏览器对象模型(BOM)

提供与浏览器进行交互的方法和接口

3、JavaScript的特点

解释型语言

JavaScript 是一种解释型脚本语言,与 C、C++ 等语言需要先编译再运行不同,使用js编写的代码不需要编译就可以直接运行。

动态语言

在 JavaScript 中,变量的类型不是固定的,可以在运行时改变,同时对象可以在运行时添加或删除属性。这与其他一些语言(如 Java 或 C#)不同,后者通常需要在编译时定义对象的结构。还有,在 JavaScript 中,函数是一等公民,这意味着函数可以像其他任何变量一样被传递和使用。另外,JavaScript 在运行时进行弱类型检查,这意味着你可以在代码中执行一些在其他强类型语言中会抛出错误的操作。

类似于C和Java的语法结构

JavaScript的语法结构很多命名规范都借鉴于Java,在语法结构上有很多相似之处。

基于原型的面向对象

JavaScript 是一种面向对象语言,使用 JavaScript 不仅可以创建对象,也能操作使用已有的对象。

严格区分大小写

JavaScript是一种严格区分大小写的编程语言。

4、JavaScript的使用

浏览器在解析 HTML 文档时,将根据文档流从上到下逐行解析和显示。JavaScript 代码也是 HTML 文档的组成部分,因此 JavaScript 脚本的执行顺序也是根据 < s c r i p t >

4.1、标签引用

在HTML中的标签中就可以编写JavaScript代码:

<script>alert("Hello,World!");
</script>

4.2、文件引用

在一个单独的js文件中也可以写JavaScript代码,然后在HTML文件中使用script标签进行引用:使用<script>标签包含外部 JavaScript 文件时,默认文件类型为 Javascript。因此,不管加载的文件扩展名是不是 .js,浏览器都会按 JavaScript 脚本来解析。

main.html

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

main.js

alert("Hello,JavaScript!");

5、JavaScript的输出

5.1、页面输出

向页面输出一句话

<script>document.write("今天天气真好!");
</script>

5.2、控制台输出

向控制台输出(*页面按F12弹出控制台)

 <script>//666console.log("输出一条日志");console.info("输出一条信息");console.warn("输出一条警告");console.error("输出一条错误");       </script>

5.3、alert() 函数

弹出一个提示框

<script>alert("Hello world!");
</script>

5.4、confirm() 函数

弹出一个对话框。

<script>confirm("Hello world!");
</script>

5.5、innerHTML属性

innerHTML 是一个属性而不是一个函数,通过它可以设置或者获取指定 HTML 标签中的内容

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JavaScript</title>
</head>
<body><div id="demo">JavaScript 输出</div><script type="text/javascript">var demo = document.getElementById("demo");console.log(demo.innerHTML);demo.innerHTML = "<h2>innerHTML</h2>"</script>
</body>
</html>

6、JavaScript的注释

6.1、单行注释

//注释内容

6.2、多行注释

/*注释内容*/

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/19373.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

一分钟学习数据安全——自主管理身份SSI基本概念

之前我们已经介绍过数字身份的几种模式。其中&#xff0c;分布式数字身份模式逐渐普及演进的结果就是自主管理身份&#xff08;SSI&#xff0c;Self-Sovereign Identity&#xff09;。当一个人能够完全拥有和控制其数字身份&#xff0c;而无需依赖中心化机构&#xff0c;这就是…

FreeRTOS实时系统 在任务中增加数组等相关操作 导致单片机起不来或者挂掉

在调试串口任务中增加如下代码&#xff0c;发现可以用keil进行仿真&#xff0c;但是烧录程序后&#xff0c;调试串口没有打印&#xff0c;状态灯也不闪烁&#xff0c;单片机完全起不来 博主就纳了闷了&#xff0c;究竟是什么原因&#xff0c;这段代码可是公司永流传的老代码了&…

香橙派OrangePi AIpro上手笔记——之USB摄像头目标检测方案测试(三)

整期笔记索引 香橙派OrangePi AIpro上手笔记——之USB摄像头目标检测方案测试&#xff08;一&#xff09; 香橙派OrangePi AIpro上手笔记——之USB摄像头目标检测方案测试&#xff08;二&#xff09; 香橙派OrangePi AIpro上手笔记——之USB摄像头目标检测方案测试&#xff08;…

【MySQL数据库】:MySQL复合查询

目录 基本查询回顾 多表查询 自连接 子查询 单行子查询 多行子查询 多列子查询 在from子句中使用子查询 合并查询 前面我们讲解的mysql表的查询都是对一张表进行查询&#xff0c;在实际开发中这远远不够。 基本查询回顾 【MySQL数据库】&#xff1a;MySQL基本查…

【测试】linux快捷指令工具cxtool

简介 登录linux时,我们经常需要重复输入一些指令. 这个工具可以把这些指令预置,需要的时候鼠标一点,会自动按预置的字符敲击键盘,敲击出指令. 下载地址 https://download.csdn.net/download/bandaoyu/89379371 使用方法 1,编辑配置文件&#xff0c;自定义自己的快捷指令。 2…

WEB三大主流框架之Vue.js

Vue.js是一个用于构建用户界面的JavaScript框架[^1^]。它基于标准HTML、CSS和JavaScript构建&#xff0c;并提供了一套声明式的、组件化的编程模型&#xff0c;帮助开发者高效地开发用户界面。Vue的核心功能包括&#xff1a; - 声明式渲染&#xff1a;Vue基于标准HTML扩展了一…

运算符重载(下)

目录 前置和后置重载前置的实现Date& Date::operator()代码 后置的实现Date Date::operator(int )代码 前置--和后置--重载前置--的实现Date& Date::operator--( )代码 后置--的实现Date Date::operator--(int )代码 流插入运算符重载流插入运算符重载的实现流提取运算…

北京中冶赛迪面试总结

自我介绍项目介绍 目录 1.介绍一下mysql中的索引&#xff1f; 2.在 MySQL 中&#xff0c;如果您有一个 (a, b, c) 的联合索引&#xff0c;查询条件仅包含 a 和 c 而没有 b索引的生效情况&#xff1f; 3.mysql 锁的类型&#xff1f; 4.表中的数据重复删除怎么实现&#xff…

深入解析力扣167题:两数之和 II(双指针法详解及模拟面试问答)

在本篇文章中&#xff0c;我们将详细解读力扣第167题“两数之和 II - 输入有序数组”。通过学习本篇文章&#xff0c;读者将掌握如何使用多种方法来解决这一问题&#xff0c;并了解相关的复杂度分析和模拟面试问答。每种方法都将配以详细的解释和ASCII图解&#xff0c;以便于理…

任何图≌自己这一几何最起码常识推翻直线公理让R外标准实数一下子浮出水面

黄小宁 h定理&#xff1a;点集AB≌B的必要条件是A≌B。 证&#xff1a;若AB则A必可恒等变换地变为BA≌A&#xff0c;而恒等变换是保距变换。证毕。 如图所示R轴即x轴各元点x沿x轴正向不保距平移变为点y2x就使x轴沿本身拉伸&#xff08;放大&#xff09;变换为y2x轴不≌x轴&…

代码随想录算法训练营第四十四天| 背包问题、背包问题之滚动数组、416. 分割等和子集

背包问题 题目链接&#xff1a;背包问题 文档讲解&#xff1a;代码随想录/背包问题 视频讲解&#xff1a;视频讲解-背包问题 状态&#xff1a;已完成&#xff08;1遍&#xff09; 解题过程 这几天属实是有点分身乏术了&#xff0c;先直接看题解AC了&#xff0c;二刷的时候再…

校园疫情防控|基于SprinBoot+vue的校园疫情防控系统(源码+数据库+文档)

校园疫情防控系统 目录 基于SprinBootvue的校园疫情防控系统 一、前言 二、系统设计 三、系统功能设计 1系统功能模块 2后台功能模块 5.2.1管理员功能 5.2.2学生功能 四、数据库设计 五、核心代码 六、论文参考 七、最新计算机毕设选题推荐 八、源码获取&#x…

Linux网络编程:传输层协议|UDP|TCP

知识引入&#xff1a; 端口号&#xff1a; 当应用层获得一个传输过来的报文时&#xff0c;这时数据包需要知道&#xff0c;自己应该送往哪一个应用层的服务&#xff0c;这时就引入了“端口号”&#xff0c;通过区分同一台主机不同应用程序的端口号&#xff0c;来保证数据传输…

【ai】pycharm安装github copilot解决chat一直无法初始化loading的问题

github copilot github-copilot 插件安装后:在工具里找到它 底部也有它 侧边可以chat 更新到2014.1.2copilot 也是最新但是chat 就是一直无法loading成功显示一直在初始化copilot中fix :

python基础-数据结构-int类型——你知道python的最大整数是什么吗?无限大?还是sys.maxsize?

文章目录 int底层源码最大整数推断 int底层源码 python 的int类型貌似并没有一个位数上线&#xff0c;然而我们知道其他语言的整数都是有位数&#xff0c;一般为32位或者64位等&#xff0c;那么python是怎么实现int类型没有位数限制的呢&#xff0c;下面这段代码是cpython仓库…

基于ELK的日志管理【开发实践】

文章目录 一、ELK简介1.1 ELK的作用与应用1.2 ELK的组成1.3 Elasticsearch1.4 Logstash1.5 Kibana1.6 ELK架构简述1.7 基础知识1.7.1 数据格式1.7.2 正排索引和倒排索引1.7.3 全文搜索 二、ES入门---基于HTTP的使用方式&#xff08;了解&#xff09;2.1 索引操作2.1.1 创建索引…

什么是网络流量监控系统?

目录 什么是网络流量监控系统&#xff1f; 网络流量监控系统的功能 实时监控 流量分析 故障排除 安全监控 IT运维中的网络流量监控系统应用案例 案例一&#xff1a;优化带宽使用 案例二&#xff1a;快速排除故障 案例三&#xff1a;提升网络安全 网络流量监控系统的…

04-树5 Root of AVL Tree(浙大数据结构PTA习题)

04-树5 Root of AVL Tree 分数 25 作者 陈越 单位 浙江大学 An AVL tree is a self-balancing binary search tree. In an AVL tree, the heights of the two child subtrees of any node differ by at most one; if at any time they differ by more th…

将 vue文件转为字符串在Codemirror里面展示

第一种直接引入 import index from "./FFCesiumExample/basicOperationInterface/addIconMap.vue?raw"; index直接就是字符串。但是出现一个问题就是build的时候可以出警告&#xff0c;。so还有第二种 const readFile (filePath) > {// 创建一个新的xhr对象l…

国产表单引擎与国外的表单引擎,有那些区别?

国产表单引擎与国外的表单引擎在多个方面存在区别&#xff0c;以下是对这些区别的清晰归纳&#xff1a; 开发模式与用户体验&#xff1a; 国产表单引擎往往更加注重用户的使用体验和便捷性&#xff0c;提供了更为简单直观的界面设计和操作方式&#xff0c;如“拖、拉、拽”等直…