
js练手功能
IKUNzhenin
新手上路,大佬多多包涵
展开
-
js学习手册-递归
递归(Recursion)是编程中一种非常重要的概念,它指的是一个函数在其定义中直接或间接调用自身的方法。递归在解决一些特定问题时特别有用,比如遍历目录结构、排序数组等。原创 2024-03-28 14:10:32 · 190 阅读 · 0 评论 -
js学习手册-地图
js地图原创 2024-03-26 13:42:28 · 161 阅读 · 0 评论 -
js地图学习手册
只要你能确保最终获取到的是正确的 DOM 元素,你就可以使用 AMap 的 API 来初始化地图。这个方法返回文档中匹配指定 CSS 选择器的所有 Element 元素的 NodeList(静态的)。如果你需要操作多个元素,可以使用这个方法。这个方法返回的是一个类数组对象(HTMLCollection),包含所有具有指定类名的元素。但这种方法并不常见,也不推荐用于获取地图容器,因为通常地图容器是一个特定的、嵌套的元素。如果你知道地图容器是某个已知元素的子元素,你可以通过逐级访问子元素来获取它。原创 2024-03-26 09:22:50 · 485 阅读 · 0 评论 -
地图结构练习
其余代码示例可以从高德开放 平台上找有很多示例。第二要引入其地图的js文件。原创 2024-03-25 15:08:48 · 159 阅读 · 0 评论 -
jquery如何请求用ajax请求假数据
7. `success: function(data) { ... }`:当请求成功时的回调函数,参数`data`是服务器响应的数据。9. `error: function(e) { ... }`:当请求失败时的回调函数,参数`e`是错误信息。3. `url: 'js/index.json'`:指定请求的URL为`js/index.json`。2. `$.ajax({ ... })`:使用jQuery的`ajax`方法发送请求。5. `dataType: 'json'`:指定期望的响应数据类型为JSON。原创 2024-03-22 18:01:30 · 242 阅读 · 0 评论 -
Echarts示例
【代码】仿图表写的图表Echarts示例。原创 2024-03-21 19:25:25 · 187 阅读 · 0 评论 -
echarts的可拉伸数据图
2. 使用`echarts.init()`初始化图表实例`myChart`,并将其绑定到`chartDom`元素。8. 设置`option`对象的配置项,包括提示框、标题、工具栏、X轴、Y轴、数据区域缩放和数据系列。1. 创建一个DOM元素`chartDom`,通过其ID获取元素`main`。7. 使用循环生成随机的时间和数值数据,并将其添加到`data`数组中。3. 定义一个变量`option`,用于存储图表的配置项。6. 创建一个空数组`data`,用于存储图表的数据。原创 2024-03-21 15:54:44 · 269 阅读 · 0 评论 -
圆形饼图与环园饼图的区别js和echarts
首先,通过`getElementById`方法获取一个DOM元素,该元素的`id`为`main`,并将其赋值给变量`chartDom`。然后,使用`echarts.init`方法初始化一个ECharts实例,并将前面获取到的DOM元素传入,得到一个`myChart`变量,表示图表实例。首先,通过`getElementById`方法获取一个DOM元素,该元素的`id`为`main`,并将其赋值给变量`chartDom`。接下来,定义了一个`option`对象,该对象包含了图表的配置选项。原创 2024-03-21 15:50:16 · 343 阅读 · 0 评论 -
三元表达式js和jq的三元表达式的区别和例子
可以看出,JavaScript和jQuery中的三元表达式的基本形式和用法是相同的。区别在于,JavaScript的三元表达式可以用于任何情况,而jQuery的三元表达式通常用于操作DOM元素。三元表达式(Ternary expression)是一种简洁的条件表达式,它在不同的编程语言中都有使用。在JavaScript中,使用三元表达式可以根据条件的真假来执行不同的代码。有一个名为"active"的类,则会移除该类,否则会添加该类。在jQuery中,也可以使用三元表达式。原创 2024-03-18 10:31:08 · 444 阅读 · 0 评论 -
如何把在本地存储sessionStorage.setItem()上存的值渲染在输入框中js
这段代码的作用是从sessionStorage中获取一个名为"datas"的数据,并进行一些处理。首先,使用sessionStorage.getItem("datas")方法获取"datas"数据,并将结果赋值给变量data。接下来的代码判断dataObj是否存在,如果存在,则将其解析为JSON格式并输出在控制台上,然后将dataObj中的tradename属性值赋给类名为"content_name"的元素的值。如果dataObj不存在,则显示一个提示信息,并在1.5秒后隐藏提示信息。原创 2024-03-14 13:56:31 · 496 阅读 · 0 评论 -
js判断手机号是否为11位数
然后,使用正则表达式的 `test` 方法来测试电话号码是否匹配该正则表达式。如果匹配成功,则返回 `true`,表示电话号码合法;正则表达式 `^(1\d{10})$` 表示电话号码必须以数字1开头,后面跟着10个数字字符。这段代码是一个 JavaScript 函数,名为 `validatePhoneNumber`,用于验证一个电话号码是否合法。总结起来,这个函数的作用是判断一个电话号码是否合法,返回一个布尔值。函数的参数是 `phoneNumber`,表示要验证的电话号码。原创 2024-03-13 10:23:58 · 686 阅读 · 0 评论 -
js判断有无从登录页面打开
接下来,使用if语句检查Id的值是否存在。如果存在,则使用console.log输出"已登录",表示用户已经登录。如果不存在,则通过window.location.href将页面重定向到"index.html",实现用户未登录时的跳转。这段代码首先从浏览器的sessionStorage中获取一个名为"id"的值,并将其存储在变量Id中。然后,使用console.log输出变量Id的值。原创 2024-03-13 09:14:28 · 401 阅读 · 1 评论 -
js实现模糊搜索示例
这段代码是一个简单的字符串搜索功能。首先定义了一个字符串数组`strings`,其中包含了一些水果的名称。然后输入了一个关键字`keyword`,用来指定要搜索的内容。接下来创建了一个正则表达式对象`regex`,用来匹配关键字。正则表达式的参数设置为`gi`,表示不区分大小写(`i`)和全局匹配(`g`)。然后使用`filter()`函数对字符串数组进行过滤,只保留包含关键字的字符串。最后打印匹配到的结果。在这个例子中,结果为`["apple"]`,因为只有"apple"包含关键字"ap"。原创 2024-03-11 09:25:22 · 296 阅读 · 0 评论 -
js判断账号和密码是否为空
如果复选框没有被选中,那么显示一个提示框,内容是"请勾选平台协议",然后经过1.5秒后隐藏提示框,并向用户提供相应的提示。如果输入框1和输入框2都是空的,那么显示一个提示框,内容是"请完善账号密码",然后经过1.5秒后隐藏提示框。原创 2024-03-06 09:00:13 · 570 阅读 · 0 评论 -
公告显示一次之后不在显示用js和jq不喜勿喷
通过使用if语句,判断本地存储中名为"name1"的值是否等于"true"。如果等于"true",则表示已经确定了公告,并隐藏提示框;另外,代码中还定义了一个名为"enter"的函数,该函数用于隐藏提示框并设置本地存储的"name1"为"true",以便跟踪提示框的显示状态。这段代码是用来判断页面中的本地存储是否有值,如果有值,则隐藏一个提示框(id为"hint"的元素),如果没有值,则显示提示框。总的来说,这段代码的作用是控制一个提示框的显示和隐藏,并通过本地存储来记录用户是否已经确定了公告。原创 2024-03-06 08:57:46 · 453 阅读 · 0 评论 -
js的ajax请求格式
请注意,由于JavaScript的同源策略,如果请求的URL与当前页面的域名不同,可能会遇到跨域问题。如果需要发送跨域请求,可以参考CORS(跨域资源共享)相关内容进行配置。以上代码示例是一个简单的GET请求示例,可以使用。如果需要发送POST请求,可以在。函数中指定请求类型为POST,并在。函数中传递请求体数据。原创 2024-03-05 08:21:55 · 229 阅读 · 0 评论 -
这个函数用alert方法弹出每个元素的值js
该代码使用JavaScript语言编写。首先,通过使用`querySelectorAll`方法,获取所有类名为`c1`的元素,并将它们存储在一个变量`elements`中。然后,使用`forEach`方法遍历`elements`中的每个元素,并对每个元素执行一个函数。这个函数用`alert`方法弹出每个元素的值。原创 2024-02-27 11:12:01 · 292 阅读 · 0 评论 -
这段代码是一个测试脚本,用来测试text()方法的使用js。
然后给btn2绑定了一个click事件,当点击btn2按钮时,弹出test0元素的innerHTML属性的值。然后给btn3绑定了一个click事件,当点击btn3按钮时,弹出test1元素的value属性的值。总结:这段代码的作用是测试text()方法的使用,分别输出了test0元素的innerText属性、test0元素的innerHTML属性和test1元素的value属性的值。接下来,我们给btn1绑定了一个click事件,当点击btn1按钮时,弹出test0元素的innerText属性的值。原创 2024-02-27 11:09:51 · 297 阅读 · 0 评论 -
js获取屏幕的宽高(二)
这些样式规则将被应用于具有id为"div1"的HTML元素,使其宽度为500像素,高度为300像素,带有5像素宽的橙色边框,并在内容区域内外增加20像素的内外边距。这是一段Javascript代码,它的作用是在页面加载完成后,获取一个id为"div1"的元素,并获取该元素的宽度。这是一段Javascript代码,它的作用是在页面加载完成后,获取一个id为"div1"的元素,并获取该元素的宽度。2. 使用`document.getElementById('div1')`获取一个id为"div1"的元素。原创 2024-02-25 08:39:31 · 462 阅读 · 0 评论 -
js获取屏幕的宽和高
请注意,在提供的HTML代码块的末尾包含了一个奇怪的字符,这是一个不可见字符,可能会导致代码执行错误。这些样式规则将应用于具有id "div1"的div元素,从而使其显示为一个500像素宽、300像素高的元素,并且有20像素的内边距和5像素的边框。提供的代码是一个HTML代码块,其中包含一个具有id "div1"的div元素,并且还包含了一些CSS样式。提供的代码片段是一个JavaScript代码,用于获取具有id "div1"的HTML元素的各种尺寸测量。- 边框为5像素的橙色边框。原创 2024-02-25 08:34:57 · 657 阅读 · 0 评论 -
判断一个字符串中出现次数最多的字符,统计这个次数。
我们可以通过创建一个对象来存储每个字符出现的次数,然后遍历字符串并更新对应字符的计数。最后,我们可以找到出现次数最多的字符和它的次数。对象,查找出现次数最多的字符和它的次数。最后,我们返回一个包含最频繁字符和其次数的对象。然后,我们遍历输入的字符串,并通过使用。在上面的代码中,我们首先创建了一个空对象。作为键来更新字符计数。原创 2024-02-19 08:36:32 · 367 阅读 · 0 评论 -
今日分享个有点瑕疵的自动轮播图
整体思路是通过XMLHttpRequest获取到图片数据,然后使用JavaScript动态渲染页面,并通过定时器实现自动轮播的效果。它们被设置为100%的宽度和690像素的高度,以适应容器的尺寸。函数中,使用循环遍历数据,生成一个包含所有图片的HTML字符串,并将其插入到具有。设置了一个事件监听器,当请求的状态发生变化时,会调用这个函数。函数设置为每隔1.5秒自动执行一次,实现图片的自动轮播。类表示图片轮播器的容器。如果请求成功,会获取响应的文本内容,并使用。这是一个基本的图片轮播器的HTML代码。原创 2024-02-19 08:28:48 · 404 阅读 · 0 评论 -
js读取json的固定数据的一种方法
在请求的状态发生变化时,会触发onreadystatechange事件,设置一个事件监听器来处理这个事件。这段代码主要是使用XMLHttpRequest对象发送HTTP请求来获取一个JSON文件的内容,并将之解析为一个JavaScript对象。然后,使用open()方法打开一个新的HTTP GET请求,指定请求的URL和请求方式。在item()函数中,使用一个循环遍历数据,并根据数据的某个属性来决定显示哪些内容。最后,调用一个名为item的函数,并传入解析后的数据作为参数。原创 2024-01-29 13:54:43 · 456 阅读 · 0 评论 -
团队筛选功能分享
【代码】团队筛选功能分享。原创 2024-01-26 14:55:25 · 217 阅读 · 0 评论 -
仿美团页面做的小功能(更新版)
其他部分的代码是用来定义一些变量和函数,包括渲染函数item()、增加或减少数量的函数increase()、计算总数量和总价格的函数calculate()、显示购物车的函数shops()、关闭购物车的函数closesfy()、清空购物车的函数empty()。其中,item()函数用于将数据渲染到页面上,increase()函数用于增加或减少数量,calculate()函数用于计算总数量和总价格,shops()函数用于显示购物车,closesfy()函数用于关闭购物车,empty()函数用于清空购物车。原创 2024-01-23 10:35:05 · 518 阅读 · 0 评论 -
分享项目练习作复盘之用
该代码是一个简单的购物车功能实现。每个商品都有一个添加购物车按钮,点击该按钮可以将对应商品数量加1,并更新总数量和总价格。同时,在购物车区域中展示已添加的商品信息,可以增减商品数量,并实时更新总数量和总价格。购物车展示功能: 点击购物车按钮,展示已添加的商品信息,并可以增减商品数量,实时更新总数量和总价格。添加购物车功能: 点击商品列表中的“添加购物车”按钮,将对应商品数量加1,并更新总数量和总价格。清空购物车功能: 点击清空购物车按钮,将所有商品数量置为0,并更新总数量和总价格。原创 2024-01-22 09:36:24 · 446 阅读 · 0 评论 -
求数组的最大值
在这个代码示例中,我们通过遍历数组中的每个元素,将当前的最大值与当前元素进行比较,如果当前元素大于当前的最大值,就更新最大值。最后,最大值就是数组中的最大元素。原创 2024-01-16 20:14:16 · 435 阅读 · 0 评论 -
闭包是什么?有什么特性?对页面有什么影响?
闭包会持有外部函数的变量和参数,导致这些变量无法被垃圾回收机制回收,从而占用了额外的内存。如果闭包的数量过多或者闭包持有的数据量过大,会导致内存占用过高,从而影响页面的性能和加载速度。因此,在使用闭包时需要注意合理管理闭包的数量和闭包持有的数据量,避免过多的内存占用。在 JavaScript 中,函数可以作为变量传递,当一个函数嵌套在另一个函数内部,并且内部函数可以访问外部函数的变量,那么内部函数就形成了一个闭包。这就是闭包的特性之一,即内部函数保留了对外部函数变量的引用。是外部函数,它定义了一个变量。原创 2024-01-16 20:12:41 · 461 阅读 · 0 评论 -
选项卡(代码精简版)
代码中先获取了所有class为"con"的内容div元素和所有button按钮元素。然后对每个按钮绑定了点击事件,点击时会遍历所有按钮和内容div元素,将所有按钮背景颜色设为白色,并隐藏所有内容div元素。然后将当前按钮背景颜色设为黄色,对应的内容div元素显示出来。这段代码实现了一个简单的选项卡功能。点击不同按钮时,对应的内容div显示,其他内容div隐藏。按钮点击时背景颜色变为黄色,其他按钮背景颜色变为白色。可以根据需要修改按钮的样式和内容div的样式来美化选项卡的外观。原创 2024-01-09 19:21:04 · 529 阅读 · 0 评论 -
这里分享一个小功能(选项卡)
这个代码实现了一个简单的选项卡效果。页面上有四个按钮和四个内容区域,点击不同的按钮可以切换显示对应的内容区域。这样就实现了一个简单的选项卡功能。原创 2024-01-09 19:17:54 · 416 阅读 · 0 评论 -
ajax请求假数据的方法
然后,将 onreadystatechange 事件处理程序设置为一个函数,每当 XMLHttpRequest 对象的 readyState 属性发生变化时就会调用该函数。在这种情况下,它检查 readyState 是否为 4(表示操作已完成)且 status 是否为 200(表示服务器返回了成功的响应)。它将异步标志设置为 true,意味着请求将以异步方式执行。如果条件满足,它将响应文本记录到控制台,并使用 JSON.parse() 方法将文本解析为 JSON。解析后的数据也会被记录到控制台。原创 2024-01-08 10:09:34 · 570 阅读 · 0 评论 -
通过本地存储来控制一个div来显示或关闭
这是一个JavaScript脚本,它通过操作HTML元素来隐藏或显示页面中的提示信息。脚本中使用了sessionStorage来存储一个名为"num"的值,当这个值为"aaa"时,提示信息会被隐藏,否则显示。而点击一个名为"delete"的按钮后,会将"num"的值设为"aaa",并隐藏提示信息。请注意,这段代码需要在页面中存在一个ID为"hint"的HTML元素以及一个ID为"delete"的按钮元素才能正常工作。原创 2024-01-08 09:48:50 · 406 阅读 · 0 评论 -
JavaScript 本地存储只能存储后端的数据吗?都能存储什么数据呢?
在这个示例中,我们将一个包含用户信息的对象存储在localStorage中,使用JSON.stringify()方法将对象转化为字符串进行存储。请注意,localStorage是基于键值对的存储,同时存储的数据是在浏览器中永久保存的,除非用户明确清除该数据。例如,我们可以使用JavaScript的本地存储技术(如localStorage或sessionStorage)来存储用户的个人偏好设置、购物车中的商品列表、用户的登录状态等信息。原创 2024-01-04 10:01:02 · 673 阅读 · 0 评论 -
九宫格抽奖功能
当点击"抽奖"按钮时,随机选择一个区域,并开始旋转轮盘。每次旋转后,选定的区域的背景颜色会变为黄色。当轮盘在经过一定次数的旋转后停在选定的区域时,会弹出一个提示框来宣布中奖。这是一个HTML文档,创建了一个简单的转盘游戏。游戏由一个分为八个区域的轮盘组成,每个区域代表不同的奖品。当点击"抽奖"按钮时,轮盘开始旋转,并在随机位置停止。如果轮盘在经过一定次数的旋转后停在特定的区域,用户将获得相应的奖品。总的来说,这段代码使用HTML、CSS和JavaScript创建了一个基本的转盘游戏。原创 2024-01-04 09:36:57 · 477 阅读 · 0 评论 -
九宫格如何一直转圈
添加了一个current变量来跟踪奖品的当前位置。添加了一个speed变量来控制旋转速度。初始值设置为2,意味着在停止选择的奖品之前,奖品会旋转两次。在开始新一轮旋转之前清除间隔,以防止同时发生多个旋转。添加逻辑来增加当前位置、更新奖品的背景颜色,并检查是否达到选择的奖品。当点击“抽奖”按钮时,奖项将开始旋转,在两次旋转后,选定的奖项将显示在警报消息中。这是一个更新的代码版本,其中包含控制旋转并在选定奖品处停止的逻辑。如果达到选择的奖品,则清除间隔,并在稍后显示带有该奖项名称的警报消息。原创 2024-01-03 10:31:47 · 425 阅读 · 0 评论 -
如何在表格中增加行,和奇数行和偶数行换色
请注意,添加按钮和删除按钮的点击事件已经在JavaScript代码中实现。如果需要添加更多行,请点击“添加一行”按钮。原创 2024-01-02 09:14:09 · 684 阅读 · 0 评论 -
如何用弹窗制作一个简单的抽奖功能
然后通过事件监听,当用户点击确认按钮时,获取用户输入的年龄,通过多个if语句判断年龄的范围,并给出相应的提示信息。如果年龄大于等于60,提示请在10秒内展示您的手速,并显示抽奖按钮和输入框,设置一个计时器,10秒后根据点击抽奖按钮的次数给出奖品提示。在计时器的回调函数中,根据adraws的值给出相应的奖品提示,然后将输入框和抽奖按钮的显示隐藏,将adraws重置为0,并清空年龄输入框的值。需要注意的是,代码中还存在一些问题,比如输入的年龄为负数时没有进行处理,抽奖成功后没有重新抽奖的逻辑等。原创 2024-01-02 09:09:58 · 527 阅读 · 0 评论 -
js的三种弹窗
prompt弹窗:prompt弹窗用于向用户显示一条消息,并等待用户输入文本。它的返回值为用户输入的文本内容,如果用户点击“确定”按钮并输入了文本,返回输入的文本内容;如果用户点击“取消”按钮或者直接关闭弹窗,返回null。confirm弹窗:confirm弹窗用于向用户显示一条消息,并等待用户点击“确定”或“取消”按钮。它的返回值为一个布尔值,如果用户点击“确定”按钮,返回true;alert弹窗:alert弹窗用于向用户显示一条消息,并等待用户点击“确定”按钮关闭弹窗。原创 2023-12-26 10:38:41 · 1439 阅读 · 2 评论 -
JavaScript 打开窗口的办法
请注意,由于浏览器的安全限制,弹出窗口可能会被浏览器阻止。为了确保窗口能够打开,通常需要与用户的交互行为(例如,点击按钮)相关联。:使用指定的URL打开一个新窗口。:在当前窗口中加载指定的URL。属性:可以通过在链接中设置。来在新窗口中打开链接。原创 2023-12-25 16:06:49 · 646 阅读 · 0 评论 -
分享工作实践(首页)
这是一个购物车页面的CSS样式表。其中,包含了购物车顶部的样式、商品列表的样式、全选、删除、商品、合计、购买等按钮的样式、底部导航栏的样式以及一个提示框的样式。其中,使用了jQuery框架进行了AJAX请求,从指定的接口获取了相应的数据,并利用获取到的数据进行了页面的渲染,包括轮播图、商品分类、商品列表等。这是一个基本的HTML页面,其中包含一个搜索框、一个轮播图、一个商品分类按钮、商品列表、和一个底部导航栏。值得注意的是,在轮播图的实现中,使用了原生JS代码,并对其进行了一些修改,实现了自动轮播的功能。原创 2023-11-10 19:31:38 · 154 阅读 · 0 评论