javascript
dongsdh
少熬夜,多运动,记得笑
展开
-
发布订阅模式
前言:应用场景:项目做久了以后会越来越大,当很多人去做同一个人项目的时候,里面的逻辑耦合度当然是越低越好,有这么一个场景需求:3个人同时开发一个项目的时候,分别开发登录模块login(),商品模块showshoplist(),书籍模块showbooklist()。当用户登录成功的时候,需要用户信息去刷新商品模块,书籍模块。方法1:开发登录模块的人,当用户登录成功后,去执行刷新商品模...原创 2019-12-18 17:27:28 · 117 阅读 · 0 评论 -
获取当前域名
var domain = window.location.href.split(':')[0] + '://' + document.domain;console.log(domain);原创 2021-04-26 16:11:08 · 144 阅读 · 0 评论 -
结束循环or跳出循环
1、结束循环<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <title>Document</title></head><body> <script src="jquery.min.js">&l...原创 2019-04-11 18:06:49 · 314 阅读 · 0 评论 -
关于项目中模块切换的问题
前言:先有一个全局返回git参数值的方法var SDHF=SDHF||{};SDHF.getRequest = function(){ var urls = window.location.search; var theRequest = new Object(); if(urls.indexOf("?") != -1) { var str =...原创 2018-05-09 16:24:25 · 184 阅读 · 0 评论 -
点击加载b.html,刷新后仍然加载b.html
前言:之前的知识忘记了,现在也没想起来,index.html默认加载a.html,点击导航栏b,加载对应的b.html。需求是,这个状态下,刷新页面任然加载的是b.html,之前是通过hash值判断的,现在忘记怎么做的了,罪过罪过找到资料再更新...原创 2018-04-23 09:48:19 · 370 阅读 · 0 评论 -
用一套模板,动态显示不同文章
html<ul> <li val="mess1">文章1</li> <li val="mess2">文章2</li> <li val="mess3">文章3</li></ul>js$(function()原创 2018-04-12 11:29:43 · 436 阅读 · 0 评论 -
event.stopPropagation(); 阻止事件冒泡
html —>head ———>body —————–>div ————————>inputinput和div都有点击事件,由于事件冒泡作用,input框被点击触发事件之后,div的点击事件也要被触发。 有的时候根据需要不要进行事件冒泡,需要对其进行阻止① return false; 容易与“浏览器默认动作阻止“混淆 ② event.stopPropagation(); 阻...转载 2018-04-16 15:22:40 · 2100 阅读 · 0 评论 -
json要用双引号!!!!
JSON是基于Javascript字面量属性的表示方法,但是与Javascript字面量不同,JavaScript对象字面量的键值对可以不用双引号包裹,但是JSON的键必须用双引号包裹,值可以是字符串、数字、bool、null、对象、数组。{ title: "This is my title.", body: "This is the body."}{ 'title'...原创 2018-04-16 10:37:28 · 8899 阅读 · 2 评论 -
ajax读取的select选中项,让页面中select对应的option成为选中项
前言:这是ajax调数据的部分代码 <p><span>连接方式</span> <select name="" class="jsaccess"> <option value="Native2">Native2</option> <option va原创 2018-04-26 22:22:50 · 3303 阅读 · 0 评论 -
是否展示》显示更多》按钮
前言:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <title>Document</title> <script src="jquery.min.js">&原创 2018-07-11 11:25:18 · 374 阅读 · 0 评论 -
获取下拉框的value值
前言: 获取值的方式有很多种,找的自己喜欢的那一种 新的方式获取下拉框的值<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body&a原创 2018-08-16 10:23:20 · 8449 阅读 · 0 评论 -
enter登录
前言://enter键登录 $(".loginbigbox").keyup(function(event){ if(event.keyCode ==13){ $("#loginbtn").trigger("click"); } });原创 2018-09-25 10:31:00 · 458 阅读 · 0 评论 -
通用方法(常规一)
前言:function setCookie(name, value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + escape(value) + ";expires=" + e...原创 2018-09-25 15:15:16 · 405 阅读 · 0 评论 -
前面一周的时间段
前言:获取今天至前面一周的时间<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> </head> <body> <script src="jquery.js">原创 2018-09-26 15:41:03 · 167 阅读 · 0 评论 -
收集表单数据——获取打包的表单数据1
前言: 之前是每个input输入框去单个获取值,然后再打包给后台 有比较快捷的方式是用jq已有方式进行打包,不用再每个输入框去单个获取值,<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <title>Document<原创 2019-03-13 16:36:35 · 326 阅读 · 0 评论 -
js一段文本,文字一个字一个字出现,像打字一样
实现方式1<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script> window.onload=function(){原创 2018-04-10 09:32:27 · 10914 阅读 · 5 评论 -
input-file图片预览
html <input type="file" name="file" onchange="showPreview(this)" /> <img id="portrait" src="" width="70" height="75">script function showPreview(source)原创 2018-03-15 11:55:22 · 171 阅读 · 0 评论 -
js-取0-9得到随机取4个数不重复的数字
html <input type="button" value="随机生成4位数" onclick="f1()">script function f1(){ var arr_4=new Array() function getRandom(min,max) //开始取数 { ...原创 2018-03-15 11:58:45 · 8786 阅读 · 0 评论 -
获得字符串第一个字符和最后一个字符及扩展
var str = "Hello World"; console.log(str.substr(0,1));//H console.log(str.substr(-1));//d2018/04/08 追加:如果字符串是一个链接,想要获得图片参数,先获取最后5个字符再截取第一个字符(适用于git参数只有一个时且图片名称为一个字符的时候) ...原创 2018-03-15 12:09:37 · 36886 阅读 · 1 评论 -
获取特殊字符后面所有字符(适用测试时只带一个参数的时候)
var hsrc = "http://127.0.0.1:8020/index.html?__hbt=6666666"; var index = hsrc.lastIndexOf("="); console.log(hsrc.substring(index + 1,hsrc.length));//6666666原创 2018-03-15 12:32:41 · 1169 阅读 · 1 评论 -
手机号验证
isphone(13012341234); function isphone(tel) { var reg = /^0?1[3|4|5|8][0-9]\d{8}$/; if(reg.test(tel)) { console.log("通过") } else { console.log("格式不对,大哥"); }; }...原创 2018-03-16 10:55:07 · 291 阅读 · 0 评论 -
让跳转新页面的栏目成为选中状态()
var url = location.href; $("ul li a").each(function() { if((url + '/').indexOf($(this).attr('href')) > -1 && $(this).attr('href') != "") { $(this).parents().addClass("act"); //让跳转新页面...原创 2018-03-16 10:56:27 · 1097 阅读 · 0 评论 -
复制内容
html<textarea id="aa" >s</textarea><button>按钮</button> 要复制区的标签为表单元素script $("button").click(function() { jsCopy(); }); function jsCopy() { $("#aa").select();原创 2018-03-16 10:56:37 · 245 阅读 · 0 评论 -
获取git参数
function getRequest() { //var urls = window.location.search; //获取url中"?"符后的字串 var urls = "www.baidu.com?&a=1&b=2&c=3"; var theRequest = new Object(); if(urls.indexOf("?") != -1) {...原创 2018-03-16 10:57:01 · 402 阅读 · 0 评论 -
防止频繁点击
html<button>按钮</button>script var a = 0; $("button").click(function() { if(a == 0) { a = 1; console.log("点击了"); setTimeout(function() { a = 0 }, 5000); } });...原创 2018-03-16 10:57:19 · 328 阅读 · 0 评论 -
选项卡切换(可优化使用下标)
html <header> <div id="aa" class="blo">1111</div> <div id="bb">222</div> <div id="cc">333</div> <div id原创 2018-03-16 10:57:33 · 283 阅读 · 0 评论 -
判断两个数组是否全等
var arr1 = [1, 2, 3]; var arr2 = [1, 2, 3]; function arrayEqual(arr1, arr2) { if(arr1 === arr2) return true; if(arr1.length != arr2.length) return false; for(var i = 0; i < arr1.length; +...原创 2018-03-19 15:46:05 · 2887 阅读 · 0 评论 -
通栏形式的划出栏显示(使用于导航菜单)
前言:用下标找导航栏对应的div,让其显示出来html <ul> <li></li> <li></li> <li></li> </ul> <header> <div> <p>1&原创 2018-03-19 15:45:37 · 786 阅读 · 0 评论 -
动态加载、移除js/css文件
前言:找了个轮子本文简单介绍动态加载、移除、替换js/css文件 。有时候我们在写前端的时候,会有出现需要动态加载一些东如css js 这样能减轻用户加载负担,从而提高响应效率。下面贴出代码。 <script language="JavaScript">//动态加载一个js/css文件function loadjscssfile(filename, filetype){if (file...转载 2018-03-20 09:49:22 · 6030 阅读 · 0 评论 -
js只保留整数,向上取整,四舍五入,向下取整等函数
1.丢弃小数部分,保留整数部分parseInt(5/2)2.向上取整,有小数就整数部分加1Math.ceil(5/2)3,四舍五入.Math.round(5/2)4,向下取整Math.floor(5/2)Math 对象的方法方法描述abs(x)返回数的绝对值acos(x)返回数的反余弦值asin(x)返回数的反正弦值atan(x)以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切...转载 2018-03-20 09:54:25 · 192 阅读 · 0 评论 -
input 绑定回车事件
html<input type="text" id="message" onkeypress="return onKeyPress(event)" > script function onKeyPress(e) { var keyCode = null; if(e.which) keyCode = e.which; else if(e.keyCode) ke...转载 2018-03-20 10:17:44 · 11429 阅读 · 0 评论 -
常见正则表达式
^((0?1[358]\d{9})|((0(10|2[1-3]|[3-9]\d{2}))?[1-9]\d{6,7}))$ 手机及座机区号+座机号码+分机号码:regexp="^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$"手机(中国移动手机号码):regexp="^((\d3\d3)|(\d{3}\-))?13[456789]\d{8}...转载 2018-03-20 10:28:43 · 275 阅读 · 0 评论 -
input-form表单同类名下选择项统计
$("form").find("input:checkbox[name='city']:checked").each(function(){str+=$(this).attr("val")+","+$(this).next().text();//选择了哪些});city是同类名原创 2018-04-02 14:41:22 · 190 阅读 · 0 评论 -
JS-页面的前进后退
history.back(-1)//直接返回当前页的上一页,数据全部消息,是个新页面history.go(-1)//也是返回当前页的上一页,不过表单里的数据全部还在window.location.reload() //刷新window.history.go(1) //前进window.history.go(-1) //后退window.history.forward() //前进...原创 2018-03-14 23:17:35 · 452 阅读 · 1 评论