黑马python-JavaScript

news2024/10/5 14:14:51

1.JavaScript的定义:

JavaScript是运行在浏览器端的脚步语言,是由浏览器解释执行的、简称js。它能够让网页和用户有交互功能,增加良好的用户体验效果

2.使用方式:

1.行内式(主要用于事件)

<input type="button" name="" οnclick="alert('ok')";>

2.内嵌式

<script type="text/javascript">

alert('ok!')

</script>

3.外链式

<script type="text/javascript" src="jc.index.js"></script>

3.定义变量:

JavaScript是一种弱类型语言,也就是说不需要指定变量的类型,JavaScript的变量类型由它的值来决定,定义变量需要用关键字'var',一条JavaScript语句以;结尾

var 变量名=值;

3.注释:

//单行注释

/*多行注释

   多行注释

*/

4.数据类型:

五种基本数据类型和一种复杂数据类型(object)

1.number 数字类型

2.string 字符串类型

3.boolean 布尔类型

4.undefined undefined类型,变量声明未初始化,它的值技术undefined

5.null null类型,表示空对象,如果定义的变量将来准备保存对象,可以将变量初始化为null,在页面上获取不到对象,返回值的值就是null

5.函数的定义及调用

函数定义:

函数计算可以重复使用的代码块,使用关键字function定义

函数调用:

函数调用就是函数名加小括号,比如:函数名(参数)

6.局部变量:在函数内定义的变量叫局部变量,只能在函数内部使用

   全局变量:在函数外定义的变量,可以在不同函数内使用,并且不同函数内可以共享全局变量

js可以数字类型和字符串直接进行相加,把数字自动转成字符串

7.条件判断、比较运算符

8.逻辑运算符

9.获取标签元素

可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的标签元素,获取到的是一个html对象,然后将他赋值给一个变量

var 变量=document.getElementById('id名称')

上面的代码,如果把javascript写在元素的上面,就会出错,因为页面是从上往下加载执行的,javascript区页面上获取div1元素的时候,div1还没加载

第一种方法:将JavaScript放到页面最下边

第二种方法:设置页面加载完成执行的函数,在执行函数里面获取标签元素

10.数组的定义和数组的操作

数组的介绍:

数组就是一组数据的集合,javascript中,数据里面的数据可以是不同类型的数据,好比python里面的列表

数组的定义:

var aList=new Array(1,2,3);

var aList=[1,2,3,'asd'];

多维数组:

多维数组指的是数组的成员也是数组,把这样的数组叫做多维数组

var aList=[[1,2,3],[a,b,c]];

数组的操作:

1.获取数组的长度

ar aList=[1,2,3,4]

alert(aList.length);   //弹出4

2.根据下标取值

var aList=[1,2,3,4];

alert(aList[0]);     //弹出1

3.从数组最后添加和删除数据

var aList=[1,2,3,4]

aList.push(5);

alert(aList);  //弹出1,2,3,4,5

aList.pop();

alert(aList);   //弹出1,2,3,4

4.根据下标添加和删除元素

arr.splice(start,num,element1,…,elementN)

参数解析:

start:必须,开始删除的索引

num:可选,删除数组元素的个数

elementN:可选,在start索引位置要插入的新元素

此方法会删除从start索引开始的num个元素,并将elementN参数插入到start索引位置

11.循环语句

for,while,do-while

12.字符串拼接:

字符串拼接使用“+”以释放

字符串和数字进行拼接,底层自动把数字类型转成字符串,这种操作属于隐式类型转换

13.定时器:

js定时器有两种创建方式:

1.setTimeout(func[,delay,param1,param2,…]):以指定的时间间隔(以毫秒计时)调用一次函数的定时器

2.setInterval(func[,delay,param1,param2,…]):以指定的时间间隔(以毫秒计时)重复调用一个函数的定时器

参数说明:

func:表示定时器要执行的函数名

delay:表示时间间隔,默认是0,单位是毫秒

param1,表示定时器执行函数的第一个参数,一次类推传入多个执行函数的对应参数

定时器用完后要销毁,定时器使用后返回值是定时器返回的id,此id意为创建的第一季定时器

clearTimeout(id);

第一种:根据指定的时间间隔延时调用函数

第二种:根据时间间隔重复函数的定时器

setInterval(fnShowInfo,2000,'李四',22)

14.jQuery:

定义:

jQuery是对JavaScript的封装,它是免费的、开源的、JavaScript函数库,jQuery极大地简化了JavaScript编程

作用:

负责网页行为操作,增加网页和用户的交互效果,只不过jQuery实现交互效果更简单

优点:

jQuery兼容了现在主流浏览器,增加了程学院开发效率

jQuery简化了JavaScript编程,代表编写更简单

ready:等待页面标签加载完成后就执行ready时间,不会等资源数据加载完成

15.jQuery选择器:

介绍:

就是快速选择标签元素,获取标签的,选择规则和css样式意义

种类:

1.标签选择器

2.类选择器

3.id选择器

4.层级选择器

5.属性选择器

16.选择集过滤

选择集活力就是在选择标签的集合里过滤自己需要的标签

操作:

has(选择器名称)方法,表示选取包含指定选择器的标签

eq(索引)方法,表示选取指定的所以比起

17.选择集转移:

选择集转移就是以选择的标签为参照,如何获取转移后的标签

操作:

18.jquery获取和设置标签内容

1.用html方法

2.append方法增加html内容

19.获取和设置元素属性

prop方法的使用:

之前css方法可以给标签设置样式属性,那么设置标签的其他属性可以使用pro方法了

获取value属性用val方法

20.jQuery事件

常用事件:

  • click()鼠标点击
  • blur()元素失去焦点
  • focus()元素获得焦点
  • mouseover()鼠标进入(进入子元素也会触发)
  • mouseout()鼠标离开(离开子元素也会触发)
  • ready()DOM加载完成。

21.事件代理

事件代理就是利用事件冒泡的原理(事件冒泡就是事件会向他的父级一级一级传递),吧事件加到父级上,通过判断事件来源,执行相应的子元素的操作,时间代理首先可以极大减少事件绑定次数,提高性能,其次,可以让新加入的子元素也可以拥有相同的操作。

22.JavaScript对象

字符串、数值、数组、函数、自定义对象,对象可以拥有属性和方法

 方法1:通过顶级Object类型实例化一个对象

方法2:通过对象字面量创建一个对象

23.json

JavaScript Object Notation的首字母缩写,就是JavaScript对象表示法,json就是类似于JavaScript对象的字符串,同时是一种数据格式。

格式:

1.对象格式:

对象格式的json数据,使用一对大括号{},大括号里放入key:value形式的键值对,多个键值对使用逗号分隔。

2.格式说明:

json中的(key)属性名称和字符串值需要用双引号引起了,用单引号或者不用引号会导致读取数据错误

数组格式:数组格式的json数据,使用一对[]中括号,中括号里数据使用逗号分隔

[1,2,3]

3.json数据转换成JavaScript对象

json本质上是字符串,可以转换为JavaScript对象

24.Ajax

Ajax是一个前后台配合的技术,可以让JavaScript发送异步的http请求,与后台通信进行数据的获取,ajax最大的优点是实现局部刷新,ajax可以发送http请求,当获取到后台数据的时候更新页面显示数据实现局部刷新。即前端和后端进行数据交互使用ajax

在html页面使用Ajax需要在web服务器下运行,一般向自己的web服务器发送Ajax请求

使用:

jQuery将它封装成了一个方法$.ajax(),可以直接使用这个方法执行Ajax请求

参数说明:

url:请求地址

type:请求方式,默认是get,常用的还有post

dataType:设置返回的数据格式,常用的是json

data:设置发送给服务器的数据,没有参数不需要设置

success:设置请求成功后的回调函数

error:设置请求失败后的回调函数

async:设置是否异步,默认值是true,表示异步,一般不写

同步和异步说明:

同步是一个Ajax请求完成另外一个才可以请求,需要等待上一个ajax请求完成,好比线程同步

异步是多个Ajax同时请求,不需要等待其他Ajax请求完成,好比线程异步

简写方式:

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

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

相关文章

24-unittest简介

一、unittest简介 unittest是Python中常用的单元测试框架&#xff0c;与Java中的Junit单元测试框架类似。 二、示例程序 1&#xff09;导入unittest模块 import unittest 2&#xff09;使用help()函数查看源码中的示例程序 help(unittest) Simple usage:import unittestc…

Unity DOTS技术(二)ECS

文章目录 一.ECS简介二.基本操作实例三.实体查看组件四.位置实体修改五.旋转实体六.了解原有属性七.禁止自动创建八.动态实例化 一.ECS简介 ECS全称 (Entity Component System).即(E:实体 C:组件 S:系统). 实际上即是数据方法分离.数据放在组件里,具体实现放在系统里.组件挂载…

【excel】设置二级可变联动菜单

文章目录 【需求】在一级菜单选定后&#xff0c;二级菜单联动显示一级菜单下的可选项【步骤】step1 制作辅助列1.列转行2.在辅助列中匹配班级成员 step2 名称管理器step3 制作二级下拉菜单step4 消除二级菜单中的空白 【总结】 之前做完了 【excel】设置可变下拉菜单&#xff…

NPDP|智造业产品经理的战略智慧与行动之道

在智能制造风起云涌的时代&#xff0c;智造业产品经理的角色愈发重要。他们不仅需要具备深厚的行业知识&#xff0c;更要拥有前瞻的战略眼光和高效的行动能力。那么&#xff0c;智造业产品经理如何进行战略思考与行动呢&#xff1f;本文将为您揭示其中的奥秘。 洞察市场趋势&am…

01_初识微服务

文章目录 一、微服务概述1.1 什么是微服务1.2 对比微服务架构与单体架构1.3 微服务设计原则1.4 微服务开发框架1.5 简单理解分布式部署与集群部署 二、微服务的核心概念2.1 服务注册与发现2.2 微服调用&#xff08;通信&#xff09;2.3 服务网关2.4 服务容错2.5 链路追踪参考链…

用友NC pagesServlet SQL注入致RCE漏洞复现(XVE-2024-13067)

0x01 产品简介 用友NC是由用友公司开发的一套面向大型企业和集团型企业的管理软件产品系列。这一系列产品基于全球最新的互联网技术、云计算技术和移动应用技术,旨在帮助企业创新管理模式、引领商业变革。 0x02 漏洞概述 用友NC /portal/pt/servlet/pagesServlet/doPost接口…

焦化超低排平台改造指南

在当今社会&#xff0c;环保已成为各行各业的共识&#xff0c;焦化行业也不例外。随着环保政策的日益严格&#xff0c;焦化超低排平台改造成为了行业内的热点话题。本文旨在为广大焦化企业提供一份全面、实用的改造指南&#xff0c;帮助企业顺利实现超低排放&#xff0c;迈向绿…

python 字符串(str)、列表(list)、元组(tuple)、字典(dict)

学习目标: 1:能够知道如何定义一个字符串; [重点] 使用双引号引起来: 变量名 "xxxx" 2:能够知道切片的语法格式; [重点] [起始: 结束] 3:掌握如何定义一个列表; [重点] 使用[ ]引起来: 变量名 [xx,xx,...] 4:能够说出4个列表相关的方法; [了解] ap…

解决在Windows11上新安装的Docker Desktop一直显示“starting the Docker Engine“登录不上去的问题

解决在Windows11上新安装的Docker Desktop一直显示“starting the Docker Engine“登录不上去的问题 管理员权限运行cmd 还需要安装wsl(适用于Linux的Windows子系统)。注意windows powershell也要以管理员权限打开 这个是小羊用错窗口了&#xff0c;but好像也没错吧&#xff…

shell的编程方式

文章目录 变量俩种方式第一种方式第二种方式 取消变量数组创建数组获取数组元素的方式 read输出的方式限制输入的方式 流程控制方式for循环输出的方式第一种方式第二种方式while循环输出的方式select选择输出的方式 判断方式判断的四种方式第一种方式第二种方式第三种方式 算术…

C++之RTTI

1、RTTI&#xff08;runtime type information&#xff09;运行时类型信息 static_cast&#xff1a;用在编译器认可的转型 reinterpret_cast&#xff1a;用在编译器不认可的转型&#xff08;不做任何的对齐操作&#xff09; const_cast&#xff1a;去除常量属性 dynamic_ca…

国产开发板——香橙派Kunpeng Pro的上手初体验

开发板&#xff08;Development Board&#xff09;是一种特殊的电子产品&#xff0c;它的主要目的是为了帮助开发者快速地设计、测试和验证电子产品的硬件和软件设计。开发板通常提供了一个完整的硬件平台&#xff0c;包括微控制器、存储器、接口和其他外围设备&#xff0c;开发…

开源Mamba-2性能狂飙8倍!多个Mamba超强进化体拿下顶会

MambaOut的热度刚过去没多久&#xff0c;Mamba-2就带着它狂飙8倍的性能炸场了。 Mamba-2的核心层是对Mamba的选择性SSM的改进&#xff0c;同等性能下&#xff0c;模型更小&#xff0c;消耗更低&#xff0c;速度更快。与Mamba不同&#xff0c;新一代的Mamba-2再战顶会&#xff…

机器人舵机:关键要素解析与选择指南

在机器人技术日新月异的今天&#xff0c;舵机作为机器人的核心部件之一&#xff0c;扮演着至关重要的角色。它的性能直接关系到机器人的运动控制、稳定性以及精度等方面。那么&#xff0c;在选择和使用机器人舵机时&#xff0c;我们需要关注哪些关键要素呢&#xff1f;本文将为…

网络协议二

一、套接字Socket 基于 TCP UDP 协议的 Socket 编程&#xff0c;在讲 TCP 和 UDP 协议的时候&#xff0c;我们分客户端和服务端&#xff0c;在写程序的时候&#xff0c;我们也同样这样分。 在网络层&#xff0c;Socket 函数需要指定到底是 IPv4 还是 IPv6&#xff0c;分别对应设…

【数据集划分】oracle数据集划分(总结版)

【数据集划分】假如你有接近百万条oracle数据库数据&#xff08;成真版&#xff09; 写在最前面最终代码原理&#xff1a;生成随机索引并打乱顺序示例作用应用场景 遇到报错&#xff1a;ORA-01795&#xff0c;通过CTE&#xff08;Common Table Expressions&#xff09;和窗口函…

springcloud Feign调用拦截器(统一处理拷贝请求头实现透传信息、内部调用鉴权、打印feign调用)

springcloud Feign调用拦截器&#xff08;统一处理拷贝请求头实现透传信息、内部调用鉴权、打印feign调用日志&#xff09; 实现接口Feign.RequestInterceptor 实现接口 feign.RequestInterceptor 并注入到IOC容器即可生效 示范代码如下 拷贝请求头&#xff0c;将原请求信…

系统安全及其应用

系统安全&#xff1a; 1&#xff09;保护数据安全&#xff0c; 2&#xff09;互联网&#xff0c;网络业务服务等&#xff0c;必须要通过工信部的资质审核 3&#xff09;保护品牌形象 应用&#xff1a; 账号安全 1&#xff09;把不需要或者不想登录的用户设置为nologin us…

C++ 11 【可变参数模板】【lambda】

&#x1f493;博主CSDN主页:麻辣韭菜&#x1f493;   ⏩专栏分类&#xff1a;C修炼之路⏪   &#x1f69a;代码仓库:C高阶&#x1f69a;   &#x1f339;关注我&#x1faf5;带你学习更多C知识   &#x1f51d;&#x1f51d; 目录 前言 一、新的类功能 1.1默认成员函数—…

龙迅#LT8711H支持TYPE-C/DP/EDP转HDMI功能应用,分辨率支持 1080p@60Hz,芯片内置固件!

1. 概述 LT8711H是一款高性能 Type-C/DP1.2/EDP 转 HD-DVI1.3 转换器&#xff0c;设计用于将 USB Type-C 源或 DP1.2 源连接到 HD-DVI1.3 接收器。 该LT8711H集成了符合 DP1.2 标准的接收器和符合 HD-DVI1.3 标准的发射器。此外&#xff0c;还包括两个用于 CC 通信的 CC 控制器…