JS基础
关注
分享
扫一扫
文章平均质量分 73
grt要一直一直努力呀
好好工作 好好生活 好好爱人
展开
-
ajax发送请求代码
使用jQuery发送ajax请求的代码如下。$.ajax({ #这里填写你在服务器上面的IP/域名 url:"http://www.xxx.xxx:xxxx/api/findActivity", #请求方式 method: "post", #请求参数的格式 data: JSON.stringify(data), #内容结构原创 2021-09-20 20:49:39 · 147 阅读 · 0 评论 -
JavaScript本地存储localStorage和sessionStorage
本地存储将数据存储在用户浏览器中。设置、读取方便。甚至页面刷新都不会丢失数据。存储容量大，sessionStorage约5M，localStorage约20M。只能存储字符串，可以将对象JSON.stringify()编码后存储。sessionStorage数据的存储与获取生命周期为关闭浏览器窗口。(即存储在sessionStorage中的数据，一关闭浏览器就不存在。)在同一个窗口(页面)下数据是可以共享的。以键值对的形式存储使用。存储数据sessionStorage.setIt原创 2021-09-04 18:14:44 · 275 阅读 · 0 评论 -
JavaScript BOM浏览器对象模型
BOM(Browser Object Model)是浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。BOM有一系列对象构成。没有标准，兼容性比较差。DOM的核心对象是document。BOM比DOM更大，包含了DOM。window对象的常见事件...原创 2021-08-21 19:24:33 · 110 阅读 · 1 评论 -
Javascript中的Date对象
Date对象用于处理日期和事件RUNOOB创建Date对象var d = new Date()<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device原创 2021-07-21 19:55:53 · 83 阅读 · 1 评论 -
JavaScript事件对象
事件对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&原创 2021-08-12 23:12:39 · 96 阅读 · 0 评论 -
JavaScript对象
对象是复杂数据类型。对象是一个具体的事物。在JavaScript中，对象是一组无序的相关属性和方法的集合。对象是由属性和方法组成的。属性是事物的特征，方法是事物的行为。创建对象利用字面量创建对象利用{ }<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg原创 2021-08-12 22:21:30 · 73 阅读 · 0 评论 -
JavaScript节点操作、删除节点
删除节点node.removeChild(child) node是父节点，删除某一个父节点中的子节点。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=de原创 2021-08-10 19:05:26 · 906 阅读 · 0 评论 -
JavaScript父节点、子节点和兄弟节点
概述之前获取元素的方法像document.getElementByIddocument.getElementsByTagNamedocument.querySelector是利用DOM提供的方法来获取元素逻辑性不强并且非常繁琐。还可以利用节点层级关系来获取元素。利用父子兄节点关系获取元素。逻辑性强，但兼容性稍差。一般，任何节点都具有nodeType节点类型、nodeName节点名称和nodeValue节点值这三个基本属性。节点类型nodeType的取值元素节点1原创 2021-08-10 17:19:52 · 1195 阅读 · 0 评论 -
JavaScript属性的获取、设置和移除还有自定义属性
文章目录获取属性值设置属性值移除属性值H5自定义属性自定义属性的目的是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中。获取属性值element.属性 获取属性值element.getAttribute(‘属性’); 可以获取自定义属性。尤其要注意写法，有时候获取到了就直接div.index输出了，其实是错误的。应该是div.getAttribute(‘index’)设置属性值element.属性 = ‘值’ 设置内置属性值。element.setAttribute(原创 2021-08-08 17:38:21 · 251 阅读 · 0 评论 -
JavaScript学习DOM、页面元素的获取、事件、操作元素
Web API是浏览器提供的一套操作浏览器功能和页面元素的API(DOM和BOM) 。DOM就是一个编程接口，处理可扩展标记语言(HTML或XML)。通过DOM接口，可以改变网页的内容、结构和样式。一个页面就是一个文档。用document表示。页面中的所有标签就是元素，用element表示。页面中的所有内容都可以看作是节点(标签、属性、文本和注释)，用node表示。获取元素根据ID获取使用getElementById()的方法获取。注意括号中的参数需要是字符串。返回的是一个DOM elem.原创 2021-08-07 23:54:25 · 489 阅读 · 0 评论 -
JavaScript中的oncopy对象
oncopy对象用于复制元素上的内容时触发。可以使用快捷键ctrl+C、右键的复制。当复制图片时，可能无法应用在某些浏览器中。oncopy对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpor原创 2021-07-31 11:59:06 · 420 阅读 · 0 评论 -
JavaScript监听页面的关闭、刷新和最小化、onload事件、ctrlKey、altKey事件
visibilitychange事件是指当浏览器的某个标签页切换到后台或者从后台切换到前台时，会触发该事件。可以用来判断当前页面可见性的状态，用于判断当前页面是否是最小化状态。onload事件onload事件会在页面或者图片加载完成后立即发生。通常放于body元素中，在页面完全加载后完成脚本操作。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta原创 2021-07-26 21:48:42 · 4064 阅读 · 0 评论 -
JavaScript监听鼠标与滚轮事件
鼠标事件click：在用户单击主鼠标按键或者按下回车键时触发。dblclick：在用户双击主鼠标按键时触发。mousedown：任意鼠标按键按下时触发。mouseenter：鼠标光标首次进入元素内部时触发mouseleave：位于元素上方的鼠标光标移动到元素范围之外时触发。mousemove：当鼠标在元素内部移动时重复触发。mouseup：用户释放鼠标按键时触发。mouseovermouseout...原创 2021-07-23 17:00:37 · 3150 阅读 · 1 评论 -
Javascript中的screen对象
RUNOOB所有的浏览器都支持该对象，获得客户端显示屏幕的信息。screen对象的属性属性说明height返回屏幕的总高度(以像素记)width返回屏幕的总宽度(以像素记)availHeight返回屏幕的总高度(不包括任务栏)availWidth返回屏幕的宽度(不包括任务栏)pixelDepth返回屏幕的颜色分辨率(每像素的位数)<!DOCTYPE html><html lang="en"><head&原创 2021-07-22 11:12:41 · 922 阅读 · 1 评论 -
JavaScript监听器
监听器：时刻等待事件触发。on事件属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-07-21 14:43:17 · 1378 阅读 · 1 评论 -
Javascript函数
函数的使用函数的使用分为两步，分别是定义函数和调用函数。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal原创 2021-07-15 15:36:41 · 94 阅读 · 0 评论 -
JavaScript数组
Javascript中的数组相当于python中的列表。是一组数据的集合。创建数组 // 1、利用new来创建一个空数组 var arr = new Array(); // 2、利用[]来创建一个空数组 var arr1 = [];在一个数组里面可以放任意的数据类型。 var arr1 = ['apple',true,1234,'234'];访问数组元素<!DOCTYPE html><html lang="en"><hea原创 2021-07-15 10:16:52 · 119 阅读 · 0 评论 -
JavaScript流程控制循环结构
在JS中，循环有三种语句。for循环while循环do-while循环for循环语法结构： for(初始化变量;条件表达式;操作表达式){ 循环体 }实例：计算前10个数的和<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" co原创 2021-07-15 09:30:28 · 113 阅读 · 1 评论 -
JavaScript流程控制分支结构
流程控制主要有三种结构：顺序结构；分支结构；循环结构。分支结构if的基本结构if（条件表达式）{执行语句} else{}案例1：弹出一个输入框，要求用户输入年龄，如果年龄>18岁，则允许进入网吧<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e原创 2021-07-14 22:04:23 · 145 阅读 · 1 评论 -
JavaScript运算符
算术运算符加：+减：-乘：*除：/取余：%小数(浮点数)在算数运算中会出现误差。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device原创 2021-07-14 20:25:08 · 71 阅读 · 0 评论 -
JavaScript的数据类型
文章目录数据类型数值型字符串类型bool类型undefinednull获取变量的数据类型数据类型转换将其他类型转换成字符串类型将其他类型转换成数字类型将其他类型转化为Boolean类型JavaScript是一门动态语言，不需要提前声明变量的类型，在程序运行过程中，类型会被等号右边的值来自动确定。JS把数据类型分为两类，一类是简单数据类型(number、string、Boolean、undefined、null)；另一类是复杂数据类型(object)数据类型数值型有八进制，在数字前面加上0表示八进制原创 2021-07-14 19:09:29 · 97 阅读 · 0 评论 -
JavaScript简单案例
案例一计算年龄，要求在页面弹出一个输入框，当输入出生年份后，计算出年龄。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initi原创 2021-07-14 19:05:05 · 641 阅读 · 0 评论 -
JavaScript变量学习
因为有一些数据需要保存，所以需要变量。可以通过变量名来获取和修改数据。变量就是一个装东西的盒子。变量的使用分为两步，声明变量和赋值。console.log()相当于python中的printprompt相当于python中的input<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"原创 2021-07-14 15:42:40 · 101 阅读 · 0 评论 -
JavaScript的注释和输入输出语句
注释单行注释用// 默认快捷键是ctrl+/多行注释 /* */ 默认的快捷键是shift+alt+A键输入输出语句方法说明归属alert(msg)浏览器弹出警示框浏览器console.log(msg)浏览器控制台打印输出信息浏览器prompt(info)浏览器弹出输入框，用户可以输入浏览器输入框<!DOCTYPE html><html lang="en"><head> <m原创 2021-07-14 11:34:15 · 110 阅读 · 0 评论 -
JavaScript的三种书写位置
注意单双引号的使用：在HTML中推荐使用双引号，在JS中推荐使用单引号。1、行内式的JS，直接写道元素的内部一点击按钮，出现alert。2、内嵌式的3、外部JS需要引入外部的JS文件。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi原创 2021-07-14 11:18:27 · 169 阅读 · 0 评论