js/jquery实现连线拖拽
先看效果图： https://blog.peos.cn/wp-content/uploads/2022/10/2022-10-31-16.03.53.mp4 code: <!DOCTYPE html> <html> <body> <style type="text/css"> body, svg{width: 100vh; height: 100vh;} svg{ position: relative; } </style> <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> <h1>My f...
关于JS中this的指向，这里有讲得比较清楚的，收藏一下
JS中this关键字很常见，但是它似乎变幻莫测，让人抓狂。这篇文章就来揭示其中的奥秘。 借助阮一峰老师的话：它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。这句话看似平常，可是要非常注意三个字：“运行时”，这说明this关键字只与函数的执行环境有关，而与声明环境没有关系。也就是这个this到底代表的是什么对象要等到函数运行时才知道，有点类似函数定义时的参数列表只在函数调用时才传入真正的对象。理解了这一点对后面this关键字规律的掌握有很大帮助。 this关键字虽然会根据环境变化，但是...
js验证图片真实格式（针对手动修改后缀名）
js验证图片真实格式（针对手动修改后缀名） <input type="file" id="file" onchange="handleFiles(this.files)"/> <script> function handleFiles(files) { if (files.length) { var file = files[0]; console.log(file.name); console.log(getFileExt(file)); } } function getFileExt(file) { var index = file.name.lastIndexOf('.'); var fileExt = file.name.substring(index+1); return fi...
js实现手机打开PC网页自动跳到手机网页
//js实现手机打开PC网页自动跳到手机网页 try { var url = window.location.href; if (url.indexOf("www.") > 0 >> (navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { window.location.href = url.replace("www.", "m."); } } catch (err) { } js实现手机打开PC网页自动跳到手机网页
js 定位到某个锚点
js 定位到某个锚点 html页面内可以设置锚点，锚点定义 Html代码 <a name="firstAnchor">&nsbp;</a> 锚点使用 Html代码 <a href="#firstAnchor">跳至第一个锚点</a> 但对于js呢，在js中如何在完成一个操作后跳至页面的某个固定锚点呢 js中location.href可以跳转至某个url； 跳至（定位到）某个固定锚点的办法 1、location.href = "#firstAnchor"; // firstAnchor为锚点名称
js时间格式化
[cce_cs] //格式化CST日期的字串 function formatCSTDate(strDate, format) { return formatDate(new Date(strDate), format); } //格式化日期, function formatDate(date, format) { var paddNum = function (num) { num += ""; return num.replace(/^(\d)$/, "0$1"); } //指定格式字符 var cfg = { yyyy: date.getFullYear() //年 : 4位 , yy: date.getFullYear().toString().substri...
js判断是否为手机浏览器访问
//js判断是否为手机浏览器访问 var ua = navigator.userAgent; var ipad = ua.match(/(iPad).*OS\s([\d_]+)/), isIphone = !ipad >> ua.match(/(iPhone\sOS)\s([\d_]+)/), isAndroid = ua.match(/(Android)\s+([\d.]+)/), isMobile = isIphone || isAndroid; if(isMobile) { location.href = 'http://m.domain.com'; }else{ location.href = 'http://www.domain.com'; ｝ //或者单独判断iphone或android if(isIphone){ //code else if(isAn...
JS判断元素是否在数组内
Jquery只需要一句话： $.inArray(value, array) 自己写则是： function contains(a, obj) { var i = a.length; while (i--) { if (a[i] === obj) { return true; } } return false; } 也可以给Array增加一个方法： Array.prototype.contains = function(obj) { var i = this.length; while (i--) { if (this[i] === obj) { return true; } } return false; } alert([1, 2, 3].contains(2)); // => true alert([1, 2, 3].contains('2')...
js 将json字符串转换为json对象
将json字符串转换为json对象的方法。 在数据传输过程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键 例如： JSON字符串: var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象: var str2 = { "name": "cxh", "sex": "man" }; 一、JSON字符串转换为JSON对象 要使用上面的str1，必须使用下面的方法先转化为JSON对象： //由JSON字符串转换为JSON对象 var obj = eval('(' + str + ')'); 或者 var obj = str.parseJSON(); //由JSON字符串转换...
js给一个元素绑定多个事件
可能你也碰到过这种情况,就是在js的代码中用了window.onload后,可能会影响到body中的onload事件。这时就要用window.attachEvent和window.addEventListener来解决一下,需要的朋友可以参考下 可能你也碰到过这种情况,就是在js的代码中用了window.onload后,可能会影响到body中的onload事件。你可以全写在body中，也 可以全放到window.onload中，但是这样并不是很方便，有时我们需要两个同时用到。这时就要用window.attachEvent和 window.addEventListener来解决一下。 下面是一个解决方法。至于attachEvent和...