
js
Xiao_peng117
著有
公众号:校园飞侠
小程序:资料查询大全
欢迎体验
展开
-
flex布局如何让最后一行居左对齐
问题描述在 flex 布局中经常用到下面类似代码.top-list { display: flex; display: -webkit-flex; flex-wrap: wrap;/*自动换行*/ justify-content: space-between;/*每个item之间的间距自动适应等宽*/}如果在一行的情况下,上面可以完美的呈现出来,但是若有多个item,第一...原创 2019-12-02 18:05:04 · 3456 阅读 · 0 评论 -
form表单监听回车键和手机键盘的提交,搜索键。
目前可以通过设置input 的type属性,来决定手机键盘右下角显示“换行”,“搜索”,“完成”。移动端越来越多的form表单中input框直接使用手机键盘上的搜索/完成,而不是单独写一个提交button了。HTML:<form class="weui-search-bar__form" onsubmit="return searchData();" action="">...转载 2019-07-15 15:52:06 · 1627 阅读 · 0 评论 -
H5点击文本,实现复制该段文本功能
转载自解决H5一键复制问题HTML:<div> <span id="user_ref_id">复制内容</span> <input style="margin-left: 30px;" type="button" onclick="cp(document.getElement转载 2019-03-14 17:32:31 · 2988 阅读 · 0 评论 -
swiper动态追加的slide无法滑动
参考:https://blog.youkuaiyun.com/aiyishengyishi/article/details/53634659原因:swiper初始化一次,如果追加了之后,但是初始化时记载了总共有多少个slide;解决方法;每次追加后,重新初始化swiper快捷初始化方法:添加observer:true,observeParents:truevar swiper =...转载 2018-12-24 23:01:41 · 3554 阅读 · 1 评论 -
js url编解码--ios和android通用
document.cookie="user_name="+escape(xhr.idName);//encode编码var name = unescape(get_cookie("user_name"));//decode解码转载 2018-11-30 02:04:18 · 704 阅读 · 0 评论 -
js定时刷新页面
例如2s后刷新本页面: window.setTimeout(function(){ window.location.reload(); },2000);转载 2018-11-18 00:07:04 · 6147 阅读 · 0 评论 -
js cookie之创建,读取,销毁
cookie大法好!!!创建cookie://变量写法document.cookie="task_old="+rtnData.task_old;document.cookie="名字="+值;读取cookie:直接调用函数,例如var flag = get_cookie("task_old");//读取cookie函数function get_cookie(Name) {...转载 2018-11-18 00:05:17 · 824 阅读 · 0 评论 -
No 'Access-Control-Allow-Origin' header is present on the requested resource
浏览器和微信访问链接报错:statusText:no transport,No 'Access-Control-Allow-Origin' header is present on the requested resource原因是ajax请求的url有问题,原因不知道,网上中了资料,解决方案就是:在ajax调用前加:$.support.cors = true;访问的php文件里要加:...转载 2018-11-17 23:56:58 · 304 阅读 · 0 评论 -
移动端js中文日期转时间戳,android正常,ios报NAN
当前台需要将用户选择的时间和当前时间做对比的时候,前台就需要将中文日期转化成时间戳。有些函数android可以正常使用,但ios就会报错。通用写法:日期格式:2018/11/07 15:51; 函数调用:new Date().getTime()就可以得到时间戳了。 <script> $('#button').click(fun...转载 2018-11-07 15:53:05 · 1634 阅读 · 0 评论 -
jquery ajax 请求php,导致页面卡死,按钮没反应
百分百是json格式有问题!!!!!!!!!!!!1.检查json标点符号。2.存在变量时,检查变量是否定义。3.如果变量名和json键名崇明,最好换名字 $.ajax( type : 'post', url : 'https://www.baidu.com', dateType : 'json', data : { type : typea, m...原创 2018-11-07 02:18:54 · 1050 阅读 · 0 评论 -
mescroll下拉加载,上拉刷新原生JS库
基础使用方法 github地址:https://github.com/mescroll/mescroll1.文件引入mescroll.min.css , mescroll.min.js2.布局结构<div id=...转载 2018-10-25 02:04:54 · 756 阅读 · 0 评论 -
jquery ajax请求格式
get方法: <script type="text/javascript" charset="utf-8"> $(function(){ function getListData(page){ var num = page.num-1; $.ajax({ type : 'get', url : 'http://localhos...原创 2018-10-25 22:18:02 · 338 阅读 · 0 评论 -
使用ajax动态加载html元素时,onclick事件失效
转载自使用ajax动态加载html元素时,onclick事件失效原因:ajax动态加载之前js就加载完了,事件没有绑定到动态生成的dom元素上。问题:使用on事件,$('#btn').click(function(){})绑定无效解决方案:使用on绑定事件。$(document).on('click','#btn',function(){})例如绑定layer弹出层的事件:$(d...转载 2018-10-21 18:26:34 · 2066 阅读 · 0 评论 -
weui textarea输入框实时统计输入字符数
转载自点这里<script type="text/javascript"> function wordStatic(input) { // 获取要显示已经输入字数文本框对象 var content = document.getElementById('cnt'); if (content && input) {...转载 2018-10-20 20:04:09 · 3357 阅读 · 0 评论 -
js学习三:常用函数方法
1.trim()用于将字符串的前后空格去除,会创建一个字符串的副本,返回去除空格的字符串,不影响原式字符串。 var str= " abcdefg "; console.log(str.trim().length);2.js表单验证若用户输入为空的话,不能用变量 == null 来判断,要用变量==“”来验证。3.获取html点击元素的id:jquery方法$(d...原创 2018-10-19 00:47:02 · 218 阅读 · 0 评论 -
js学习二:Date类型
1.经常需要使用的:将时间戳转换成当地时间var now = new Date(1539876689000).toLocaleString();console.log(now);后台传来时间戳,前台用js可以处理得到具体时间2.正则表达式格式化时间replace(/\/{1}/,'年') //将第一个出现的/替换成 年.replace(/\/{1}/,'月') //将第...原创 2018-10-18 23:54:50 · 199 阅读 · 0 评论 -
js学习一:基本语法
1.js创建对象action:在定义属性时,字符串必须加双引号。1)使用new操作符后跟Object()var person = new Object(); person.name = "张三"; person.sex = "男"; 2)字面量创建对象(首选)var person = { name : "石鹏", sex : "男" ...原创 2018-10-18 23:15:47 · 179 阅读 · 0 评论