Javascript
文章平均质量分 73
生活中的javascript学习
骑着蜗牛ひ追导弹'
鲸落于海,星沉于洼,风隐于密林,蝉鸣漏进夏至。
展开
-
【JavaScript】数据存储 Storage(session、local)
文章目录Storage一、sessionStorage作用函数作用的范围二、localStorageStorage一、sessionStorage作用1.浏览器彻底关闭才会销毁2.临时的数据共享 (登陆状态)3.键值对形式存储函数setItem() 设置getItem() 获取removeItem() 删除clear() 清空作用的范围只要当前会话不关闭,sessionStorage就不会消失;当前会话的跳转、刷新均存在;一旦新建会话全部消失!!!.原创 2021-05-20 01:32:02 · 2909 阅读 · 0 评论 -
【JavaScript】Cookie的使用
文章目录Cookie一、概述二、作用三、官方文档3.1 通过 JavaScript 创建 cookie3.2 通过 JavaScript 读取 cookie3.3 通过 JavaScript 改变 cookie3.4 通过 JavaScript 删除 cookie3.5 Cookie 字符串四、简单使用4.1 添加4.2 查询4.3 设置过期时间Cookie一、概述Cookie是会话技术的一种,主要用于将会话过程产生的数据保存到客户端(浏览器),从而使客户端每次和服务端之间可以更好的进行交互。我.原创 2021-05-20 01:28:06 · 470 阅读 · 1 评论 -
【Jquery 课堂笔记01】使用jquery获取标签内容
jquery 获取标签内容效果演示如图所示,本节讲的是使用jquery获取标签中的内容获取input中的内容获取div中的文本内容点击button标签显示弹框注意:在使用jquery的时候,首先需要导入jquery的资源文件,可以从网上去下载jquery通过 $(“ 选择器名称 或 标签名称 ”)锁定页面中的标签获取input标签内容的时候,使用的是val()获取div标签内容的时候,使用的是Text()$ 中直接写标签名,注意该结果是个数组.原创 2021-06-09 17:17:14 · 1622 阅读 · 0 评论 -
【Jquery课堂笔记03】Jquery获取元素属性、修改css样式
Jquery获取元素属性、修改css样式效果展示如图所示,本节讲的是获取标签的属性值以及通过jquery修改css样式,主要方法有:attr() 方法设置或返回被选中元素的属性值prop() 方法设置或返回单选按钮元素的属性值css() 方法设置或返回样式信息注意:如图所示,let txt = $(“input[type=‘text’]”).attr(“value”);let txt1 = $(“input[type=‘text’]”).val();两种形式获取t.原创 2021-06-16 18:02:16 · 761 阅读 · 0 评论 -
【Jquery 课堂笔记02】复杂结构的标签获取与修改_后代选择器
复杂结构的标签获取_后代选择器效果展示如图所示,本节讲的是在复杂的页面结构中去获取到指定位置的标签内容jquery的赋值方式注意:由于jquery的$中支持多种选择器的使用,所以在获取到指定的标签内容的时候我们可以通过多种的选择器搭配使用在前面提到过获取文本内容一般是Text(),此时该方法的参数为空,如果方法中传入内容的话便可以实现标签内容的修改当使用派生选择器进行标签内容修改的话,一旦没有指明下标的话,会全部修改<!DOCTYPE html>&.原创 2021-06-09 17:29:55 · 207 阅读 · 0 评论 -
【JavaScript】基础运算符_数学
效果展示<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>基础运算符_数学</title> </head> <body> <script> /* 运算元 —— 运算符应用的对象。 比如说乘法运算 5 * 2,有两个运算元:左运算元 5 和右运算元 2。 有时候人们也.原创 2021-06-16 18:34:40 · 211 阅读 · 0 评论 -
【JavaScript】类型转换
效果展示<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>类型转换</title> </head> <body> <input type="button" value="String数据类型转换" onclick="transform1()" /> <input type="button" valu.原创 2021-06-16 18:31:21 · 177 阅读 · 0 评论 -
【JavaScript】交互_alert_prompt_confirm
效果展示<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>交互_alert_prompt_confirm</title> </head> <body> <script> /* alert() 弹出的这个带有信息的小窗口被称为 模态窗。 “modal” 意味着用户不能与页面的其他部.原创 2021-06-16 18:27:23 · 170 阅读 · 0 评论 -
【JavaScript】数据类型
效果展示<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>数据类型</title> </head> <body> <script> // 我们可以将任何类型的值存入变量。例如,一个变量可以在前一刻是个字符串,下一刻就存储一个数字: // 没有错误 let message = "hello";.原创 2021-06-16 18:20:38 · 129 阅读 · 0 评论 -
【JavaScript】常量
效果展示<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>常量</title> </head> <body> <script> /* 常量 1. 声明一个常数(不变)变量,可以使用 const 而非 let 。 2. 使用 const 声明的变量称为“常量”。它们不能被修改,如果原创 2021-06-16 18:17:51 · 233 阅读 · 0 评论 -
【JavaScript】变量
效果展示<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>变量</title> </head> <body> <script> /* 变量 1. 是数据的“命名存储”。我们可以使用变量来保存商品、访客和其他信息。 2. 在 JavaScript 中.原创 2021-06-16 18:15:23 · 188 阅读 · 0 评论 -
【JavaScript】开篇巨制:Hello World!
文章目录什么是 JavaScript?浏览器中的 JavaScript 能做什么?浏览器中的 JavaScript 不能做什么?JavaScript “上层”语言Hello, world!什么是 JavaScript?浏览器中的 JavaScript 能做什么?浏览器中的 JavaScript 不能做什么?JavaScript “上层”语言Hello, world!< script > 标签中包裹了 JavaScript 代码,当浏览器遇到 < script原创 2021-06-15 19:33:48 · 436 阅读 · 8 评论