
常用js
文章平均质量分 50
90后_9527
这个作者很懒,什么都没留下…
展开
-
js浮点数精确计算(加、减、乘、除)
加法function accAdd(arg1,arg2){ var r1,r2,m; try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0} try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0} m=Math.pow(10,Math.max(r1,r2)) return (arg1*m+arg2*m)/m }减法function a原创 2022-03-21 14:54:15 · 671 阅读 · 0 评论 -
使用download.js突破浏览器限制自动下载服务端文件
需求用户点击按钮,发送一些参数给服务端。服务端动态生成文件地址。生成完毕后,返回下载地址,浏览器根据文件地址自动做下载操作。当前限制由于浏览器安全策略的限制,window.open(“文件地址”)`或者自己创建a标签,JS模拟点击这两个方案都会被浏览器拦截。解决思路chrome支持blob对象和FileReader方法。我们可以通过ajax获取服务端生成文件的数据,然后浏览器自己构造文件去读取。已有开源的库封装了浏览器构造文件的过程,我们直接使用即可。Demo这里使用了downloa原创 2021-11-16 10:33:31 · 1681 阅读 · 0 评论 -
带样式 复制html
<div id="result"> <p style="font-size: 16px; font-weight: bold; color: red;">我是标题</p> </div> </div> <span id ="copyBtn" class="iconfont icon-fuzhi" style="font-size: 14px;margin-left: 45%;color原创 2021-10-26 09:33:51 · 661 阅读 · 1 评论 -
HTML5中的execCommand命令
在html5中,可以通过execCommand方法来运行一条命令,每一条命令都将对用户通过鼠标所选取的内容执行一些操作。1. execCommand方法浏览器对execCommand方法执行命令有哪些区别?一:对可编辑页面或不可编辑页面的区别:firefox,chrome和safari浏览器只能针对可编辑的页面或可编辑的元素中的用户通过鼠标选取的内容执行execCommand方法。IE9和opera 可以针对不可编辑页面或元素执行execCommand方法。在html5中,可以通过给元素设置 c原创 2021-06-20 14:01:11 · 1199 阅读 · 0 评论 -
使用 Fetch
Fetch API 提供了一个 JavaScript 接口,用于访问和操纵 HTTP 管道的一些具体部分,例如请求和响应。它还提供了一个全局 fetch() 方法,该方法提供了一种简单,合理的方式来跨网络异步获取资源。这种功能以前是使用 XMLHttpRequest 实现的。Fetch 提供了一个更理想的替代方案,可以很容易地被其他技术使用,例如 Service Workers。Fetch 还提供了专门的逻辑空间来定义其他与 HTTP 相关的概念,例如 CORS 和 HTTP 的扩展。请注意,fe.原创 2020-08-24 10:43:22 · 442 阅读 · 0 评论 -
vue中fetch封装
export default async(url = '', data = {}, type = 'GET', method = 'fetch') => { type = type.toUpperCase(); if (type == 'GET') { let dataStr = ''; //数据拼接字符串 Object.keys(data).forEach(key => { dataStr += key + '=' + .原创 2020-07-27 18:01:35 · 1444 阅读 · 0 评论 -
全局配置ajax时间戳
$.ajaxSetup({ beforeSend: function(jqXHR, settings) { //在请求前给修改url(增加一个时间戳参数) settings.url += settings.url.match(/\?/) ? "&" : "?"; settings.url += "timestamp=" + new Date().getTime(); },});...原创 2020-07-24 17:43:41 · 304 阅读 · 0 评论 -
js 实时监听 input textarea值
1.JQ方法$("#input1").bind("input propertychange",function(event){ console.log($("#input1").val())});****2.js方法<script type="text/javascript"> // Firefox, Google Chrome, Opera, Safa...原创 2020-03-27 15:50:09 · 2106 阅读 · 0 评论 -
iframe 父子页面传值 获取iframe页面内dom对象
1.ifrmae 子页面向父页面传值子页面绑定事件$("#btn").click(function(){ var data={k:1,n:2};//需要传递的值 window.parent.postMessage(data, '*')});父页面接收addEventListener('message', e => { // e.data为子...原创 2020-03-26 11:19:22 · 807 阅读 · 0 评论 -
js 获取本周、上一周、下一周日期
//本周、下一周日期var date=new Date();var currentFirstDate=new Date(date);var formatDate = function(date){ var year = date.getFullYear();//年 var month = (date.getMonth()+1);//月 var day = date.g...原创 2019-10-11 10:09:30 · 2624 阅读 · 1 评论 -
setTimeout和setInterval
基本知识setTimeout(fn,t),超时调用,超过时间t,就执行fn。setInterval(fn,t),间歇调用,调用周期t,执行fn。二者调用后,均返回一个数值ID,此ID是计划执行代码的唯一标识符,可以通过它来取消尚未执行的调用。clearTimeout(id)和clearInterval(id)。取消间歇调用的重要性要远远高于取消超时调用,因为在不加干涉的情况下,间歇调用将会...原创 2019-10-11 10:05:17 · 311 阅读 · 0 评论 -
JS中使用时间戳,获取当前日期,计算前30天的日期~
function timestampToTime(timestamp) { var date = new Date(timestamp * 1000);//时间戳为10位需*1000,时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth()+1 < 10 ? '0'+(da...原创 2019-09-05 10:05:43 · 6595 阅读 · 0 评论 -
移动端判断操作系统
var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac...原创 2019-08-15 17:54:37 · 542 阅读 · 0 评论 -
时间转化 #天以前
function formatShowTime(timeStr) { var time = new Date((timeStr).replace(new RegExp("-", "gm"), "/")); var currentTime = new Date(); var d_time = currentTime.getTime() - time.getTime(); ...原创 2019-08-15 09:50:03 · 143 阅读 · 0 评论 -
浏览器回退按钮触发事件
$(document).ready(function (e) { var counter = 0; if (window.history && window.history.pushState) { $(window).on('popstate', function () { wind...翻译 2019-01-14 14:38:48 · 2690 阅读 · 0 评论 -
上传图片
$('.file').change(function(e){console.log($(this).val());console.log(e.currentTarget.files[0]);src=$(this).val();function getObjectURL(file) {var url = null;if (window.createObjcectURL != ...原创 2019-01-14 14:31:20 · 129 阅读 · 0 评论 -
闭包ajax调用数据初始化页面
var coordinates=(function(){var result; $.ajax({ url:_ip+'a/countryUser/userInfo', type:'POST', async:false, data:{ userId:hostId /...原创 2019-01-14 13:52:32 · 263 阅读 · 0 评论 -
调用2345天气
//c=60566 天气地址原创 2019-02-15 15:17:19 · 2421 阅读 · 1 评论 -
layui 下拉多选
https://hnzzmsf.github.io/example/example_v4.html#download转载 2019-02-19 16:40:12 · 3368 阅读 · 0 评论 -
深拷贝和浅拷贝
1.堆(stack)和栈(heap)stack为自动分配的内存空间,它由系统自动释放;而heap则是动态分配的内存,大小不定也不会自动释放。2.值与引用js中有基本数据类型和引用类型;基本数据类型的变量和值都是存放在栈中,声明之后会分配一块内存区域,基本数据类型之间的赋值是直接把栈内存中存的值赋值给变量(传值)引用类型的变量存在栈中,但值是存在堆中,实际上栈存放的是指向堆中的地址,也叫引...转载 2019-03-01 14:54:55 · 134 阅读 · 0 评论 -
export ,export default 和 import 区别 以及用法
首先要知道export,import ,export default是什么ES6模块主要有两个功能:export和importexport用于对外输出本模块(一个文件可以理解为一个模块)变量的接口import用于在一个模块中加载另一个含有export接口的模块。也就是说使用export命令定义了模块的对外接口以后,其他JS文件就可以通过import命令加载这个模块(文件)。这几个都是ES6...转载 2019-02-26 11:07:51 · 143 阅读 · 0 评论 -
替换url参数值,截除问号后参数, 获取url参数
1.替换url参数值 function replaceUrl(url, arg, val){ var pattern = arg+'=([^&]*)'; var replaceText = arg+'='+val; return url.match(pattern) ? url.replace(eval('/('+ arg+'=)([^...原创 2019-03-15 10:09:50 · 2564 阅读 · 0 评论 -
OS系统兼容input keyup事件
<script > <input id="input" type="text" /> document.querySelector('#input').addEventListener('input',function(){ //do something }); document.queryS...原创 2019-03-18 09:15:15 · 173 阅读 · 0 评论 -
tagcanvas.min.js 文字云
引入 tagcanvas.min.jsInternet Explorer 9 支持画布元素,所以excanvas。js 不是必需的。Internet Explorer 9 以下的浏览器版本需要引入 excanvas.js<!--[if lt IE 9]><script type="text/javascript" src="excanvas.js"></scrip...原创 2019-06-26 15:56:59 · 3830 阅读 · 1 评论 -
时间戳转换时间
function timestampToTime(timestamp) { var date = new Date(timestamp );//时间戳为10位需*1000,时间戳为13位的话不需乘1000 Y = date.getFullYear() + '-'; M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1...原创 2019-08-15 09:45:40 · 168 阅读 · 0 评论 -
73种网页常用js代码
1、后退前进<input type="button" value="后退" onClick="history.go(-1)"><input type="button" value="前进" onClick="history.go( 1 );return true;"> 2、返回<form&翻译 2019-01-14 14:40:42 · 3545 阅读 · 0 评论