![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
rouduo_zjy
坚持写bug
展开
-
利用ajax实现上传图片
利用ajax实现上传图片//html代码<div class="three"> <span style="background: url(img/lashou/upload.png) no-repeat;background-size: 100%;"></span> <p>上传小使者与拉手名人的照片</p> <a class="upload" href="javascript:;" id="filePicker" onclick原创 2020-05-15 10:26:47 · 2659 阅读 · 0 评论 -
prepend()和prependTo(), append()和appendTo()的区别
prepend()和prependTo()的区别:prepend()$(目标元素).prepend(内容) 在…首段的内部插入内容html:<p>这是目标元素</p>jquery:$("p").prepend("这是prepend插入的内容,")那么执行后的结果就是:html: <p>这是prepend插入的内容,这是目标元素</p&g...原创 2020-02-19 10:45:57 · 1793 阅读 · 0 评论 -
JS截取字符串
JS截取字符串可食用substring()或者slice()1、substring()函数:substring();定义:substring(start, end):从起始位置到end值结束(不包括end),返回一个字符串;代码示例:var img = "img/123.png";console.log(img.substring(2,5)); //"g/1"2、substr(...原创 2019-12-18 14:37:15 · 119 阅读 · 0 评论 -
HTML中视频默认显示自定义图片
用特定的图片给视频做封面方法一 在HTML代码中直接添加poster属性代码如下://html代码,需要在video标签中加入poster属性,把封面图的路径加上<video id="video" width="990" height="560" muted="muted" controls="controls" poster="img/2020/2.png"> <s...原创 2019-12-06 14:20:44 · 7026 阅读 · 1 评论 -
加display:none后swiper轮播滑动失效
加display:none后swiper轮播滑动失效1.当一个页面中用到多个swiper插件时,如果swiper名字相同时,轮播滑动会错乱,解决方法:swiper名字不相同即可恢复正常轮播效果2.当swiper遇上display:none时轮播效果也会失效,控制台如下图的错误:解决办法://添加如下两句代码即可恢复自动轮播observer:true,//当改变swiper的样式(例如隐...原创 2019-11-26 16:11:42 · 1456 阅读 · 0 评论 -
解决获取当前地址中文参数乱码问题
解决获取当前地址中文参数乱码问题当一个页面像另一个页面传参时,如果参数是中文时,获取的时候会出现下面图片这种情况?需要使用encodeURI()在上一个页面加密参数,在当前获取参数页面利用decodeURI()来解密代码示例: var url = "index.html"; console.log("url:"+url) var userName = "张三"; ...原创 2019-11-22 11:07:22 · 4684 阅读 · 0 评论 -
解决手机端input失焦后页面不还原和android软键盘出现后挤压页面问题
input失去焦点后使用window.scroll属性页面可以回到指定地手机端页面输入框失去焦点后页面不会自动还原的解决方法//input框失去焦点后页面回到(0,0)$("input").on("blur",function(){ window.scroll(0,0);});//textarea框失去焦点后页面回到(0,0)$("textarea").on("blur",fun...原创 2019-11-21 15:25:51 · 776 阅读 · 0 评论 -
多行文本超出显示省略号
多行文本超出显示省略号<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>多行超出部分显示省略号</title> </head> <body> <p style="width: 300px;"> 多...原创 2019-11-21 13:16:55 · 171 阅读 · 0 评论