稍等片刻,正在加载中...

随笔分类 -  前端-其他

Javascript中的URL编码与解码
摘要：一. encodeURIComponent编码 url = encodeURIComponent('http://demo.xxxx.com/task?page=1&price=1&endtime=0&time=1623825221178') console.log(url); // "http%3 阅读全文
posted @ 2021-06-16 14:54 一切皆往事 阅读(226) 评论(0) 推荐(0)
css实现loading效果
摘要：最近在写前端页面的时候需要用到loading的动画效果，所以在此记录下来。本人偏爱效果一。 一. 效果一 (一). 效果图如下 (二). html源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Titl 阅读全文
posted @ 2021-05-30 22:25 一切皆往事 阅读(802) 评论(0) 推荐(0)
js添加css到head中
摘要：<script> var style = document.createElement("style"); style.type = "text/css"; style.innerHTML = 'body{background:pink;}'; window.document.head.append 阅读全文
posted @ 2021-05-11 16:26 一切皆往事 阅读(76) 评论(0) 推荐(0)
js实现拖拽div
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title> 一切皆往事-js实现拖拽div </title> <script src="http://code.jquery.com/jquery-2.1.1.min.js"> </scr 阅读全文
posted @ 2021-05-11 16:14 一切皆往事 阅读(162) 评论(0) 推荐(0)
DOM对象
摘要：DOM对象 阅读全文
posted @ 2020-10-23 22:48 一切皆往事 阅读(31) 评论(0) 推荐(0)
Javascript之操作
摘要：控制输入框只能输入数字 应用：主要应用在手机号输入框中。 html代码： <input type="text" name="mobile" maxlength="11" minlength="11" autocomplete="off" placeholder="请输入手机号码" onkeyup=" 阅读全文
posted @ 2020-10-15 16:40 一切皆往事 阅读(93) 评论(0) 推荐(0)
js之cookie的使用
摘要：写入cookie function setCookie(name, value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.cook 阅读全文
posted @ 2020-09-05 11:29 一切皆往事 阅读(154) 评论(0) 推荐(0)
html 固定居中
摘要：fixed 居定居中 遮挡层 阅读全文
posted @ 2020-04-30 10:07 一切皆往事 阅读(315) 评论(0) 推荐(0)
layer.msg的使用
摘要：源码： layer.msg('只想弱弱提示'); layer.msg('表情提示', {icon: 6}); layer.msg('关闭后想做些什么呢', function(){ //自动执行这里面的内容 }); // 第三种 layer.msg('同上', { icon: 1, time: 200 阅读全文
posted @ 2019-12-25 17:18 一切皆往事 阅读(14322) 评论(0) 推荐(1)
js 暂停几秒后刷新或提交
摘要：js源码如下： setTimeout(function () { //内容3秒后执行 }, 3000); 阅读全文
posted @ 2019-12-25 17:09 一切皆往事 阅读(7505) 评论(0) 推荐(0)
js 加载验证码
摘要：<img id="captchaPic" src="{{captcha_src('math')}}" onclick="this.src='{{captcha_src('math')}}'+'?'+Math.random()" style="cursor:pointer;"> 阅读全文
posted @ 2019-12-24 14:48 一切皆往事 阅读(260) 评论(0) 推荐(0)
js关闭当前窗口的几种方法
摘要：第一种：不带任何提示关闭窗口的js代码 <a href="javascript:window.opener=null;window.open('','_self');window.close();">关闭</a> 第二种：自定义提示关闭 <script language="javascript"> 阅读全文
posted @ 2019-11-20 14:17 一切皆往事 阅读(42198) 评论(0) 推荐(4)
js 购物车的数量加减，对应的总价也随机变化
摘要：html相关的源码 <div class="goods_num clearfix"> <div class="num_name fl">数 量：</div> <div class="num_add fl"> <input type="text" name="num" class="num_show 阅读全文
posted @ 2019-07-17 09:08 一切皆往事 阅读(2544) 评论(0) 推荐(0)