anni1107qf-CSDN博客

原创原生下拉框select文字居右兼容安卓和苹果

select想要文字居右显示，text-align是没有任何效果的。很多文章说用direction，但是这样写了样式之后，文字和箭头会调换位置，箭头跑到左边去了，不过苹果是不显示那个箭头的，所以苹果可以用；text-align-last是最后一行文字的对齐方式，用它可以解决安卓的，所以综上：移动端安卓可以用（css）text-align-last:right苹果可以用（css）d...

2019-11-05 15:49:43 951 1

原创自动刷新页面

$(function() { pushHistory(); window.addEventListener("popstate", function(e) { self.location.reload(); }, false); }); function pushHistory() { var state = { ...

2019-05-29 14:25:01 1649

原创 location对象

location对象是window对象中的一个属性值，可以通过window.location访问。罗列下location的一些属性和方法：location对象的属性有：属性描述返回值举例 hash 设置或返回从井号 (#) 开始的 URL（锚）。 #id001 host 设置或返回主机名和当前 URL 的端口号。 www.example.co...

2019-04-25 14:37:18 1897

原创数组存入sessionStorage/localStorage时变字符串

今天在修改项目的时候发现这样一个问题，就是要将一个数组放在缓存中，不管是sessionStorage还是localStorage，比如定义了一个数组var arr=['a','b'];然后写入缓存sessionStorage.setItem('caArr',arr)，直接这样写的话，发现存进缓存的数组变成了逗号拼接的字符串，即'a,b'如果想要就放数组，不要字符串，就用JSON.stringi...

2019-04-24 14:45:53 2774

原创微信浏览器中sessionStorage失效

今天在项目中遇到这样一个问题，先大概说下操作流程：微信浏览器中第一个页面填写信息，将信息保存在sessionStorage中，然后第二个页面上传图片，第三个页面回显第一个页面填写的信息并提交。问题是在大部分手机中，这个流程是没有问题的，成功提交；但是在小米手机中，当在第三个页面获取sessionStorage中的信息时，获取到的是null。查阅了一些资料，有人说移动端浏览器在页面跳转的时候，可...

2019-04-22 20:56:51 13341

原创 html2canvas将HTML页面转为图片并保存

提供一个下载html2canvas的地址https://github.com/niklasvh/html2canvas/releases引入后，用法可以参考如下：$("#toImg").click(function(){ html2canvas($("#wrapper")[0]).then(function(canvas){ var imgUri = canvas.toDataUR...

2018-11-02 15:34:42 13592 7

原创 jQuery获取元素相对父元素的位置

获取元素相对于父元素的位置，两个方法获得Top和Leftvar X = $('#DivID').position().top;var Y = $('#DivID').position().left;但是，注意！看下W3C对这个方法的定义，它只对可见元素有效如果需要获取一个隐藏元素呢，display为none的元素，比如在根据点击的首字母定位姓名的效果，我这里没有想到更好的...

2018-07-03 11:30:30 21243

转载 JavaScript根据Id取出数组中指定的对象

var obj=arr.find(function (obj) { return obj.id === 2 })arr为包含对象的数组,取出的obj是数组arr中一个id为2的对象

2018-07-03 10:31:33 22374 1

原创定义一个简单的替换字符串中指定位置字符的方法format

为String类型增加一个方法，可根据传入的参数值来替换字符串中的"{n}" 函数返回替换后的字符串 String.prototype.format=function(){ var str=this; for(var i= 0;i<arguments.length;i++){ str=str.replace(new RegExp("\\{"+i+"\\}"...

2018-07-03 09:34:05 2544

原创 JavaScript实现页面跳转的方法

超链接<a>的页面跳转<a href="url">进入url页面</a>window.location.herf<input type="button" value="转至url" id="toUrl" /><script>document.getElementById("to

2018-06-26 16:16:11 5982

原创类似于锚点定位的scrollIntoView()滚动

让页面定位到指定元素，除了<a href="#id"></a>的锚点定位，还有个方法很简单，scrollIntoView()scrollIntoView()中可以传入Boolean类型的参数，默认是true，就是滚动定位到浏览器的顶部，如果传入false，就是滚动定位到浏览器的底部具体用法：//不传参数，默认是truedocument.getElementById("sh...

2018-06-26 15:01:17 2458

原创 jQuery prop()判断checkbox是否被选中

使用jQuery获取元素属性值和设置属性值的时候通常都用attr()，那之前碰到一个问题，获取checkbox的checked属性，判断它是否被选中，结果发现，不管有没有选中返回的都是“checked”在菜鸟教程中查阅到了prop()，和attr()是相同的用法，但是prop()返回的是true或false，这样就可以很轻松的判断了...

2018-06-26 14:45:28 1948

原创 JavaScript写时间倒计时

JavaScript的两个计时器setInterval 和setTimeout 来简单的写一个当天的时间倒计时，主要就是时间的计算，先看下实现当天时间的倒计时，全部代码：<html> <head> <meta charset="UTF-8"/> <title>count down</title> <style type..

2018-06-26 14:26:57 1655

原创 jQuery实现input选择文件（图片）之后，预览图片的效果

input选择图片之后，想要先预览一下图片，而不是只显示文件名称，其实代码很简单HTML代码如下，简写：<input type="file" class="imgInput" /><div><img src="" class=&quot

2018-06-26 10:08:05 8578 3

前端小菜鸟