随笔分类 -  JavaScript

前端使用json-server快速搭建服务
摘要：一、json-server概述 ​ 一个在前端本地运行，可以存储json数据的server。 ​ 通俗来说，就是模拟服务端接口数据，一般用在前后端分离后，前端人员可以不依赖API开发，而在本地搭建一个JSON服务，自己产生测试数据。 ​ 顾名思义，json-server就是个存储json数据的ser 阅读全文
posted @ 2022-10-09 18:26 码农阿亮 阅读(717) 评论(0) 推荐(0)
JS进行时间获取
摘要：一、js获取当前月份的第一天 function getCurrentMonthFirst(){ var date = new Date(); date.setDate(1); var month = parseInt(date.getMonth()+1); var day = date.getDat 阅读全文
posted @ 2022-08-10 19:16 码农阿亮 阅读(441) 评论(0) 推荐(0)
JS实现导出Excel和CSV操作
摘要：一、js导出Excel <html> <head> </head> <body> <script type="text/javascript" src="./xlsx.core.min.js"></script> <script type="text/javascript"> /** * 通用的打开 阅读全文
posted @ 2022-03-15 16:03 码农阿亮 阅读(1608) 评论(0) 推荐(0)
JQuery获取对象
摘要：一、引用 官网下载对应的jquery版本文件，在需要用到jquery的地方，用script标签引入进来 二、获取对象 获取元素包装集对象 <body> <div id="div1"> hello </div> <script type="text/javascript"> //获取元素包装集对象 v 阅读全文
posted @ 2022-01-26 11:23 码农阿亮 阅读(413) 评论(0) 推荐(0)
表单提交的三种方式
摘要：一、使用普通button按钮+onclick事件+事件中编写代码 <body> <form id='myform1' name="myform2" action="http://www.baidu.com" method="get"> 姓名：<input type="text" name="test 阅读全文
posted @ 2022-01-26 09:59 码农阿亮 阅读(1134) 评论(0) 推荐(0)
表单的元素以及值获取
摘要：<body> <!-- 获取元素的值 获取表单元素的值 表单元素节点.value; 取值 表单元素节点.value = "值"; 设置值 文本框，密码框，单选，多选 获取非表单元素的内容 元素节点.innerHtml = "值"; 设置值 元素节点.innerHtml; 取值 获取input元素 1 阅读全文
posted @ 2022-01-25 17:30 码农阿亮 阅读(390) 评论(0) 推荐(0)
JS的事件处理程序
摘要：一、Html事件处理程序 弊端：与标签耦合度太高，直接绑定在标签体上 <body> <button type="button" onclick="alert('消息框');" onmouseout="console.log('控制台')">Html事件处理程序</button> <button ty 阅读全文
posted @ 2022-01-25 17:21 码农阿亮 阅读(43) 评论(0) 推荐(0)
获取表单的四种方式
摘要：1、document.表单名称 2、document.getElementById(表单 id); 3、document.forms[表单名称] 4、document.forms[索引]; //从 0 开始 <body> <!-- 获取表单 1、document.表单名称 2、document.ge 阅读全文
posted @ 2022-01-25 17:02 码农阿亮 阅读(352) 评论(0) 推荐(0)
JS格式化时间函数
摘要：Function //格式化时间 function format(dat){ //获取年月日，时间 var year = dat.getFullYear(); var mon = (dat.getMonth()+1) < 10 ? "0"+(dat.getMonth()+1) : dat.getMo 阅读全文
posted @ 2022-01-25 08:38 码农阿亮 阅读(532) 评论(0) 推荐(0)
JS实现的模态框弹窗并自动消失
摘要：一、Demo.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js弹框3秒后自动消失</title> <link rel="stylesheet" type="text/css" href="./js/bootstra 阅读全文
posted @ 2022-01-04 19:46 码农阿亮 阅读(877) 评论(0) 推荐(1)