当前位置: 首页 > news >正文

javaScript简单版

简介

JavaScript(简称:JS)是一门跨平台、面向对象的脚本语言,是用来控制网页行为,实现页面的交互效果。

JavaScript和Java是完全不同的语言,不论是概念还是设计。但是基础语法类似。

组成:

ECMAScript:规定了JS基础语法核心知识,包括变量、数据类型、流程控制、函数、对象等。

BOM:浏览器对象模型,用于操作浏览器本身,如∶页面弹窗、地址栏操作、关闭窗口等。

DON:文档对象模型,用于操作HTML文档,如:改变标签内的内容、改变标签内字体样式等。

JS引入方式

·内部脚本:将JS代码定义在HTML页面中

JavaScript代码必须位于<script></script>标签之间

在HTML文档中可以在任意位置,放置任意数量的<script>标签

一般会把脚本置于<body>元素的底部,可以改善显示速度

·外部脚本:将JS代码定义在外部 JS文件中,然后引入到HTML页面中

<script src=js\js_test.js"></script>

基本语法

变量&常量

JS中用 let 关键字来声明变量(弱类型语言,变量可以存放不同类型的值)。

变量名需要遵循一下规则:

        ·只能用 字母、数字、下划线(_)、美元符号组成,且不能数字开头

        ·变量名严格区分大小写,如name和Name是不同的变量

        ·不能使用关键字,如:let、var、if、for等

用户const关键字来声明常量。一旦声明值就不能改变

输出语句

数据类型:

使用typeof 变量 可以得到变量名

模板字符串

函数

介绍:函数是被设计用来执行特定任务的代码块,方便程序的封装复用。

定义:javascript函数通过function关键字进行定义,语法为:

调用:函数名称(实际参数列表)

匿名函数

匿名函数是指一种没有名称的函数,可以通过两种方式定义:函数表达式 和箭头函数。

可以通过变量名直接调用

自定义对象

格式

调用

json

概念:JavaScript Object Notation,JavaScript对象标记法(JS对象标记法书写的文本)

由于其语法简单,层次结构鲜明,现在用于作为数据载体,在网络中进行数据传输

通过JSON里面的函数将对象和json之间互相转换

DOM

例如

作用

获取dom对象并对其进行操作

用document.querSelector(‘选择器’)获取特定的dom

用document.querSelectorAll(‘选择器’)获取所有的dom

<script>let dom = document.querySelector('#p1');dom.innerHTML = '我在这';let doms = document.querySelectorAll('p');doms[0].innerHTML = '我在这';</script>

事件监听

事件:HTML事件是发生在HTML元素上的"事情"。

比如:·

按钮被点击

鼠标移动到元素上·

按下键盘按键

事件监听: JavaScript可以在事件触发时,就立即调用一个函数做出响应,也称为事件绑定或注册事件。

语法:事件源.addEvenListener('事件类型',需要触发执行的函数);

事件监听的三要素

常见的事件

JS程序化

http://www.dtcms.com/a/190688.html

相关文章:

  • Linux——mysql主从复制与读写分离
  • 为什么 Linux 上默认没有 host.docker.internal
  • MySQL基础原理
  • 赋能数据报告:解锁智能化分析建议新姿势
  • Llama:开源的急先锋
  • ROS2学习(1)-------安装ROS2
  • 电脑开机提示按f1原因分析及解决方法(6种解决方法)
  • docker-compose——安装redis
  • C语言—再学习(指针)
  • AI 产业化浪潮:从生成智能到星载计算,中国如何重塑全球竞争格局
  • 力扣算法ing(70 / 100 )
  • Python爬虫实战:研究进制流数据,实现逆向解密
  • Protocol Buffers 全流程通俗讲解
  • DHCP协议
  • 基于 NanoDet 的工厂巡检机器人目标识别系统研究与实现​
  • 基于RFSOC ZU28DR+DSP 6U VPX处理板
  • CPS联盟+小程序聚合平台分销返利系统开发|小红书番茄网盘CPA拉新推广全解析
  • 使用matlab进行数据拟合
  • 【操作系统期末速成】①操作系统概述
  • 紫光同创FPGA实现AD9280数据采集转UDP网络传输,分享PDS工程源码和技术支持和QT上位机
  • 基于IMX429-IMX430-IMX432-IMX437等sensor的SLVS桥MIPI透传模组方案
  • DA14531如何在固件中生成与时间相关的mac和版本号
  • 半成品的开源双系统VLA模型,OpenHelix-发表于2025.5.6
  • 【Vue.js 的核心魅力:深入理解声明式渲染】
  • AG-UI:AI 用户交互协议,解决了Agent与前端应用连接和通信的问题
  • 数学复习笔记 8
  • LeRobot 框架的核心架构概念和组件(上)
  • 【Java基础】HashTable 和 ConcurrentHashMap 的区别与使用
  • 【测试】BUG
  • Hadoop的组成