![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
D_bel
这个作者很懒,什么都没留下…
展开
-
解决网页上的文字不能复制
在页面上按f12,打开控制台,输入:document.body.contentEditable=true,然后回车即可。有些网页上不能复制,可以通过修改页面属性来复制。原创 2023-04-13 14:51:21 · 1527 阅读 · 1 评论 -
js实现纯前端截屏(可以对iframe的内容进行截取)
1. 最近在碰到一个需求需要,在系统中增加一个可以对系统页面进行自由截图的功能,又不通过后端辅助,开始在网上找资源发现一个叫kscreenshot的插件可以实现截屏(https://github.com/kejiacheng/kscreenshot),这个工具已经集成了添加标注等功能,比较接近qq和微信自带的截图功能,但是坑爹的是这个工具不能在ie下运行,也不能对iframe下的内容进行截取,无法满足需求,次数pass掉,只能另谋它路了。 2.继续找资源,发现可以使用crop...原创 2020-06-02 22:45:21 · 11576 阅读 · 5 评论 -
css编写开关按钮点击切换
1. 开关默认为关:<!DOCTYPE html><html><head> <title>纯css编写开关按钮点击切换</title> <style type="text/css"> .testswitch { position: relative; ...转载 2020-01-17 10:57:07 · 1406 阅读 · 0 评论 -
js获取指定元素的光标位置,并在光标位置后增加值
利用js的selection操作,地址:https://developer.mozila.org/en-US/docs/Web/API/SelectionHTML代码:<textarea class='showOptions_content'></textarea>js代码:var mousePlace = getCursortPosition(documen...转载 2019-10-16 18:48:18 · 1745 阅读 · 0 评论 -
js中动态插入script标签的脚本
在项目中动态的添加iframe,这个是没问题的,但时在我想往动态生成的iframe中动态插入js脚本的时候,使用append方法$("#test").contents().find("head").append('<script type="text/javascript" src="seajs.js"></script>');这个样写代码在编译器总就提示报错,浏览器运...转载 2019-08-13 14:45:44 · 6899 阅读 · 0 评论 -
js的var和let定义变量的坑
1.知识点:var的声明将被提升到到函数的顶部let和const声明可以让变量在其作用域上受限于它所使用的块、语句或表达式。与var不同的是,这些变量没有被提升,并且有一个所谓的暂时死区(TDZ)。试图访问TDZ中的这些变量将引发ReferenceError,因为只有在执行到达声明时才能访问它们。例子:vara=10;//全局使用域functionfoo(){...原创 2019-07-30 00:12:25 · 1252 阅读 · 0 评论 -
js实现监听dom元素的宽高变化
1. 默认情况下jquery的resize$(window).resize(function () { console.log(111);});//只会响应浏览器的窗口大小变化如果要resize想用dom元素的宽高变化,则需要引入jquery的另外一个插件(下载地址:https://cdn.bootcss.com/jquery-resize/1.1/jquery.ba-r...原创 2019-07-24 20:28:43 · 10059 阅读 · 2 评论 -
js实现监听dom元素的属性变化
通过MutationObserver来实现:MutationObserver可以用来监视 DOM 变动。DOM 的任何变动,比如节点的增减、属性的变动、文本内容的变动,这个 API 都可以得到通知,也就是说DOM 发生变动就会触发回调函数,是异步触发,DOM 的变动并不会马上触发,而是要等到当前所有 DOM 操作都结束才触发。这样设计是为了应付 DOM 变动频繁的特点。举例来说,如果文档中连...原创 2019-07-24 20:26:00 · 25313 阅读 · 5 评论 -
将数组的值按从大到小重新排序
逻辑:使用冒泡排序法,依次比较两个相邻的元素js实现:var cloneData = [1,2,3,4,5];for(var i=0;i<cloneData.length-1;i++){ //排序趟数 注意是小于 for(var j=0;j<cloneData.length-i-1;j++){ //一趟确认一个数,数组长度减当前趟数就是剩下未确...原创 2019-07-24 17:12:51 · 3462 阅读 · 0 评论 -
阿拉伯数字转换为简写汉字
/** * 阿拉伯数字转换为简写汉字 * 参数:接收数字字符串 * 只能转十亿已下的数据,大于十亿不适用 * */function Arabia_To_SimplifiedChinese(Num) { for (var j = Num.length - 1; j >= 0; j--) { Num = Num.replace(",", "");//替换Num...原创 2019-06-28 15:36:04 · 413 阅读 · 0 评论 -
判断规定时间内用户是否操作了浏览器
/** * 判断用户在规定的时间内没有操作系统,则刷新浏览器 * 参数:时间(单位分钟) * */function timeUserFun(time){ var time = time || 2; var userTime = time*60; var objTime = { init:0, time:function(){ ...原创 2019-06-28 16:10:35 · 597 阅读 · 0 评论 -
在 JavaScript 中 typeof null 的结果是 object, typeof undefined的结果是 undefined
1. 在JavaScript中,数组是一种特殊的对象类型。 因此 typeof [1,2,3,4] 返回 object。2. 在 JavaScript 中 null 表示 "什么都没有"。null是一个只有一个值的特殊类型。表示一个空对象引用。 用typeof 检测 null 返回是object。3.在JavaScript 中,undefined是一个没有设置值的变量...转载 2019-07-03 14:36:41 · 6560 阅读 · 0 评论 -
判断某年某月有多少天
/** * 判断某年某月有多少天 * 参数:y * year:年 * month:月 * 返回值为该月的天数 * */function getDaysInMonth(year, month) { var date = new Date(year, month, 1); return new Date(date.getTime() - 864e5...原创 2019-06-28 16:13:33 · 1350 阅读 · 0 评论 -
js实现页面加遮罩效果
添加遮罩:$("body").append("<div class='selft-widow-shadow' style='width: 100%;height:100%;" + "display: block;z-index: 9003;background: #ccc;position: absolute;top: 0;left: 0;" + "opacity: 0....原创 2019-07-18 19:52:50 · 2882 阅读 · 0 评论 -
object的key用占位符表示
直接通过定义object对象是没办法用某个变量的占位符来替换key的,但是可以通JSON.parse进行中间转换。例子:var geometryArr = [ { code:123, name:"a", atrr:"adsd" },{ code:456, name:"b", a...原创 2019-07-11 14:38:02 · 460 阅读 · 0 评论