替换掉一段内容里所有的img标签
摘要：var s = '<img src="xxxx.jpg" alt="">afaf<img src="xxxx.jpg" alt="">'; s = s.replace(/(<img[\s\S]+?)src=(['"][^'"]+)['"]/ig, "$1 src='1.jpg'&qu
阅读全文
posted @
2021-07-29 16:37
栋H栋
阅读(183)
推荐(0) 编辑
给元素各个位置追加元素
摘要：一、在元素内部/外部追加元素append,prepend:添加到子元素before，after：作为兄弟元素添加html：复制代码 代码如下:<div id="content"><p>在我的后面追加一条新闻</p></div>Javascript:复制代码 代码如下:<script type="te
阅读全文
posted @
2021-07-29 16:33
栋H栋
阅读(353)
推荐(0) 编辑
js 判断数据类型
摘要：1. typeof 可以判断 js 中基本数据类型，但无法判断对象的具体类型 console.log("a:"+typeof(a));
阅读全文
posted @
2020-12-11 15:59
栋H栋
阅读(69)
推荐(0) 编辑
js获取a链接里的参数，解决参数为中文的时候乱码的问题
摘要：a链接里面带着参数跳转，当参数为中文的时候，获取到的中文参数是乱码（浏览器对其编码过的）。 想用参数需要一个解码函数：decodeURIComponent(a链接里的参数) 获取a链接参数的方法： //获取a链接中的参数 function getAdata(){ if(document.URL.in
阅读全文
posted @
2020-09-26 19:23
栋H栋
阅读(624)
推荐(0) 编辑
js获取浏览器的get传值
摘要：第一种超级省事的方法就是利用正则方法如下： //获取get传值的方法 function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.sea
阅读全文
posted @
2019-09-16 09:32
栋H栋
阅读(2745)
推荐(0) 编辑
js触发css动画，可以重复触发
摘要：写好动画，但不在需要动画的元素上绑定animation属性，事件触发的时候绑上，事件结束后再删除掉，下次点击就能重新绑上，重现动画效果 CSS代码： 写好动画效果（闪烁） myFirst{ 0%{color:red;} 25%{color:yellow;} 50%{color:red;} 100%{
阅读全文
posted @
2019-08-19 16:58
栋H栋
阅读(6453)
推荐(0) 编辑
获取class为某个值的元素个数
摘要：这里以class值为 cover-item 为例，下面的语句是查询出class值为 cover-item 的元素个数 document.getElementsByClassName('cover-item').length
阅读全文
posted @
2019-08-19 16:40
栋H栋
阅读(668)
推荐(0) 编辑
鼠标移入移出的时候，不想让子元素触发（例如嵌套div的时候，移到内部div边框上时，会触发鼠标移出事件）
摘要：方法一：用 mouseenter / mouseleave代替mouseover / mouseout【最佳方法】 鼠标移入 / 鼠标移出 鼠标移入 / 鼠标移出 其它方法：没记下来，上面这个最简单了。
阅读全文
posted @
2019-08-19 16:31
栋H栋
阅读(959)
推荐(1) 编辑
原生js获取不同区域滚动条的滚动数据
摘要：//获取class或者id或者标签下的滚动条滚动数据 var a = document.querySelector(".class/#id").scrollTop //获取整个页面的滚动条滚动数据 document.documentElement.scrollTop;
阅读全文
posted @
2019-08-19 16:15
栋H栋
阅读(1336)
推荐(0) 编辑
根据鼠标位置显示提示框
摘要：//触发显示提示框的事件function b(){//获取要显示的元素 var c=document.getElementById('c');//显示 c.style.display='block';//定位 c.style.position='fixed';//距窗口左侧的距离 c.style.l
阅读全文
posted @
2019-08-19 16:14
栋H栋
阅读(504)
推荐(0) 编辑
定时器
摘要：<html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> #btn1:hover,#btn2:hover { background: red; } </style> </head> <body>
阅读全文
posted @
2019-08-19 16:05
栋H栋
阅读(298)
推荐(0) 编辑
js获取元素的宽高
摘要：//获取到元素 var o = document.getElementById("view"); //获取此元素的高度 var height = o.offsetHeight; //高度 //获取此元素的宽度 var width = o.offsetWidth; //宽度 jquery获取元素高度
阅读全文
posted @
2019-08-19 16:02
栋H栋
阅读(13049)
推荐(0) 编辑
Firefox浏览器 创建event对象，用来获取鼠标当前坐标
摘要：function getEvent(){ if(document.all){ return window.event; } func = getEvent.caller; while(func != null){ var arg0 = func.arguments[0]; if(arg0){ if(
阅读全文
posted @
2019-08-16 12:14
栋H栋
阅读(374)
推荐(0) 编辑
点击上传图片，显示预览图（单张图片）
摘要：用下面这个方法就可以实现上传完图片，显示预览图的效果 js代码 //当元素的值发生改变时，会发生 change 事件。 $("#上传按钮id").change(function(){ var reads = new FileReader(); var f = document.getElementB
阅读全文
posted @
2019-08-16 12:01
栋H栋
阅读(989)
推荐(0) 编辑
常用正则表达式
摘要：一、校验数字的表达式 1. 数字：^[0-9]*$ 2. n位的数字：^\d{n}$ 3. 至少n位的数字：^\d{n,}$ 4. m-n位的数字：^\d{m,n}$ 5. 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6. 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(
阅读全文
posted @
2019-05-26 11:44
栋H栋
阅读(285)
推荐(0) 编辑
用bootstrap模态框的时候，点击多少次按钮（确定、关闭），后台提交多少次Ajax，重复提交
摘要：查了一下，是因为一个叫做钩子事件的东西，具体是什么没搞懂，这里强行移出更改后解决了后台重复提交问题 我给模态框的 确定按钮 和 关闭按钮 分别添加了两个class值 确定（class='queding'） 关闭（class='guan'）; 然后按钮有着自己的事件 $('.queding').cli
阅读全文
posted @
2019-05-16 11:22
栋H栋
阅读(928)
推荐(0) 编辑
function传值传字符串，然后Ajax url传值的时候传这个装字符串的变量
摘要：定义一个变量，把字符串赋值给变量，再用方法去传变量 var str='add'; function(str){ $.ajax({ url:'chuli.php?type='+caozuo+'', data:{}, type:'get', dataType'text', success:functio
阅读全文
posted @
2019-05-16 11:01
栋H栋
阅读(576)
推荐(0) 编辑
引用bootstrap后，通过Ajax重新载入的表格样式丢失问题解决
摘要：原页面代码 <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="bootstrap-3.3.7/dist/css/bootstrap.min.css"> <script src="jque
阅读全文
posted @
2019-05-16 10:45
栋H栋
阅读(1285)
推荐(0) 编辑
