当前位置: 首页 > 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程序化

相关文章:

  • 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上位机
  • 第十二届警博会在京开幕:12个国家和地区835家企业参展
  • 4台肺癌手术,2名“90后”患者,这届年轻人的肺怎么了?
  • 重庆市委原常委、政法委原书记陆克华被决定逮捕
  • 美国和沙特签署上千亿美元军售协议
  • 权益类基金发行回暖,这些老将挂帅新基,谁值得买?
  • 中国科考船在钓鱼岛附近活动,外交部:完全是中国主权权利范围内的事