js学习总结
叶川飞流
学而时习之,不亦乐乎
展开
-
移动端屏幕缩放字体自动更新大小的函数
<script> window.onload = function() { getRem(375, 100) }; window.onresize = function() { getRem(375, 100) }; function getRem(pwidth, prem) { var html = document.getElementsByTagName("html")[0]; var oWidth = document.body.cl.原创 2021-08-16 21:15:00 · 83 阅读 · 0 评论 -
记录一个JS快速获取年月日时分秒的写法
https://www.cnblogs.com/youwei716/p/14088544.html原创 2021-06-18 18:40:16 · 234 阅读 · 0 评论 -
js将字符串作为函数名调用函数
var slideArr=new Array( 'slideLeft', 'slideTop', 'slideRight', 'slideBottom', 'slideLeftTop', 'slideTopRight', 'slideRightBottom', 'slideBottomLeft');function slideLeft(width,height,time){ console.log(width,height,time)}var width = 2原创 2021-06-10 15:17:02 · 873 阅读 · 0 评论 -
匹配指定字符背后的所有内容(正则表达式)
示例dailySuperviseNum:'',//开展日常围网巡查数量dailySuperviseRes:'',//开展日常围网巡查结果epidemicPreventNum:'',//疫情防控检查数量epidemicPreventRes:'',//疫情防控检查结果mobileInspectionNum:'',//开展机动查验数量mobileInspectionRes:'',//开展机动查验结果onlineHouseNum:'',//监控科网上巡仓数量onlineHouseRes:'',/.原创 2021-06-05 14:18:21 · 4941 阅读 · 1 评论 -
js函数变量提升
https://www.jianshu.com/p/24973b9db51a原创 2021-04-29 13:29:57 · 44 阅读 · 0 评论 -
async、await的使用方法
function sleep(wait) { return new Promise((res, rej) => { setTimeout(() => { console.log(wait); res(wait); }, wait); });}sleep(100).then(result => {原创 2021-03-19 09:40:58 · 164 阅读 · 0 评论 -
setTimeout模拟请求,使用async和await改写的一些注意地方
通过定时器模拟异步数据请求并引入promise处理的方法过程。一、依次输出1,2,3setTimeout(() => { console.log(1); setTimeout(() => { console.log(2); setTimeout(() => { console.log(3); }, 1000)原创 2021-03-18 15:17:13 · 3592 阅读 · 0 评论 -
jquery获取屏幕高度的各种方法
jquery获取屏幕高度的各种方法原创 2020-09-17 17:09:25 · 336 阅读 · 0 评论 -
js获取内容高度(可做滚动判定)
// 滚动条高度 e.srcElement.scrollTop, e.target.scrollTop // 窗口可视区域高度 e.target.offsetHeight // 滚动高度 e.target.scrollHeight原创 2020-09-09 15:53:02 · 1738 阅读 · 0 评论 -
二维码生成的方法
<!DOCTYPE html><html><head> <meta charset="utf-8"> <script type="text/javascript" src="https://static.runoob.com/assets/qrcode/qrcode.min.js"></script> <title></title></head><body> <原创 2020-09-09 15:14:53 · 208 阅读 · 0 评论 -
Js实现将html页面或div生成图片
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>htmltopic</title> <!-- <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> --> <script s原创 2020-09-09 14:28:02 · 2219 阅读 · 0 评论 -
form表单的写法和处理参数方式
<form method="post" action="/contact#footer-newsletter" id="footer-newsletter" accept-charset="UTF-8" class="Footer__Newsletter Form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓"><原创 2020-09-03 15:11:13 · 618 阅读 · 0 评论 -
form表单的属性
在input标签后加required会提示必须填此字段名。email:提示填写邮箱属性submit点击后通过onclick方法来获取数据提交请求form表单后要添加<form action="##" method="post" onsubmit="return false" action="##" accept-charset="UTF-8">return false用于禁止页面跳转,方便做效果...原创 2020-09-03 10:30:26 · 108 阅读 · 0 评论 -
jquery的form表单的点击事件报错
正确写法,把function定义的函数移出jquery的初始函数外 $(document).ready(function(){ }) function submitemailPopup(){ let str_name = $('#emailName').val(); let str_email = $('#emailText').val(); let is_gouxuan = $('#checkEmail').prop("checked"); if(subscribe.isEma.原创 2020-09-02 17:38:30 · 218 阅读 · 0 评论 -
form表单禁止跳转事件处理(转载)
给<form action= “/api/user/register” method=’ 'post" onsubmit = “return false” >加个return false ,阻止表单跳转或者把这里的type=”button",这里是submit所以会自动使表单提交;原创 2020-09-02 16:04:35 · 1586 阅读 · 0 评论 -
jQuery将元素添加到指定位置
jQuery将元素添加到指定位置原创 2020-09-01 14:19:50 · 2346 阅读 · 0 评论 -
富文本的图片处理显示太大问题
statePic = statePic.replace(/\<img/gi, '<img style="width:100%;height:auto" ');原创 2020-08-18 09:48:27 · 997 阅读 · 0 评论 -
音频下载
<!DOCTYPE html><html><head> <title></title></head><body><button type="button" onclick="download()" >点击下载</button><script type="text/javascript"> function download() {原创 2020-07-10 10:48:20 · 153 阅读 · 0 评论 -
距今时间的换算函数
// 获取收藏时间的时间格式getTime(timestamp) {var d = new Date(timestamp * 1000); //根据时间戳生成的时间对象var date = (d.getFullYear()) + “-” +(d.getMonth() + 1) + “-” +(d.getDate()) + " " +(d.getHours()) + ": " +(d....原创 2020-03-24 15:11:52 · 560 阅读 · 0 评论 -
js正则验证各种封装函数
转载自:https://www.jb51.net/article/121313.htm// 常见的 正则表达式 校验// QQ号、手机号、Email、是否是数字、去掉前后空格、是否存在中文、邮编、身份证、URL、日期格式、IPvar myRegExp = { // 检查字符串是否为合法QQ号码 isQQ: function(str) { // 1 首位不能是0 ^[...原创 2019-09-17 17:25:21 · 457 阅读 · 0 评论 -
强大的表单提交
//获取数据var html = '';$.each(dataList, function (k, v) { html += "<option value=" + dataList[k].id + ">" + dataList[k].school_name + "</option>";});$('.com-opt').html(html);//前端界面...原创 2019-09-05 17:17:46 · 78 阅读 · 0 评论 -
轮播引用swiper插件,但是ajax请求却无法渲染有效果的轮播效果
$.ajax({ url: ExistUrl + "/index.php/api/Api/getCasesList", type: "POST", data: { cid: 108, device: 0 }, success(data) { var dataList = data.data.data; ...原创 2019-08-28 19:58:41 · 400 阅读 · 0 评论