自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

原创 手机页面,点击电话号码进入拨号界面

href="tel:18301198367">       18301198367

2017-07-04 19:33:10 2919

转载 让手机软键盘出现“搜索”按钮

经测试发现需要一下组合,可以使呼起的键盘具有“搜索”或“前往”字样。1. 标签需要具有 action属性2. 标签需要设置 type="search"如下: 另外,如果要移除搜索框的叉叉图标,可以设置样式::-webkit-search-cancel-button { display: none;};

2017-07-04 19:26:06 1424

转载 localStorage使用入门

一、什么是localStorage、sessionStorage在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。 二、localStorag

2017-07-04 17:12:14 362

转载 实时监听输入框值变化的完美方案:oninput & onpropertychang

在 Web 开发中经常会碰到需要动态监听输入框值变化的情况,如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话,监听不了右键的复制、剪贴和粘贴这些操作,处理组合快捷键也很麻烦。因此这篇文章向大家介绍一种完美的解决方案:结合 HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件来监听输入框值变化。

2017-07-04 16:10:12 811

转载 Jquery怎么获取select选中项 自定义属性的值

Jquery如何获取select选中项 自定义属性的值?HTML code 日卡 月卡 年卡JScript codefunction ddl_change(obj){ alert($("#ddl").attr("emoney"));}Jquery如何获取select选中项 自定义属性的值?得出的是undefined!!怎么

2017-04-17 19:54:30 411

原创 textarea在ios设备上不能输入的解决办法

混合开发中遇到的问题,textarea在安卓设备点击可以弹出键盘,正常输入,但是在ios中就不可以;改的代码如下;                                            加了contenteditable="true"这个,貌似就可以了;

2017-02-15 14:50:16 6845

原创 html页面在手机中点击输入框调出键盘页面内容上移的粗暴解决办法

在混合开发中遇到的问题,就是h5页面在手机中,点击出来模态框,点击了模态框中的输入框时候会调出手机键盘,这时候模态框会上移,尺寸也会变小,具体原因不是很清楚,但是由于是移动开发,页面的宽度和高度都是以百分比布局的,所以,讲页面的高度写成固定高度便可以简单粗暴解决这个问题,当然, 需要修改的只是当焦点落在输入框的时候的模态框的高度,所以要通过js来实现;下面是对应的js代码       

2017-02-10 13:49:45 20897

转载 js实现html 页面之间的跳转传参以及返回上一页的相关知识点

一、页面之间的跳转传参1、在页面之间跳转的方式有两种:window.location.href=”test.html?num=10”   地址会改变参数也会被传递但是不会打开新窗口window.open("test.html") 这样会重新打开一个新窗口。2、获取参数如果是按照第一种方式进行了传递则有参数,那么我们怎们获取url中的参数那,那就使用js默认的属性:  var u

2016-11-24 17:14:48 11236

原创 a标签点击跳转之后返回url多了#以及相关问题

之前踩了一个很大的坑,坑长这样;这样会出现的一个问题是点击了a标签实现了页面跳转和函数触发,但是页面跳转之后再返回当前页面的时候,URL的最末尾会多出一个#;百思不得其解,最后去掉了a标签或者把a标签换成div之后就会好了;所以记住,a标签点击页面跳转之后返回当前页面URL会多一个#;换成其他标签就不会了;或者换成另外一种方法:href后面写成“javascript:;

2016-11-24 16:59:32 5909

转载 css的display:inline-block

display:inline、block、inline-block的区别display:block就是将元素显示为块级元素.  block元素的特点是:  总是在新行上开始;  高度,行高以及顶和底边距都可控制;  宽度缺省是它的容器的100%,除非设定一个宽度  , , , , 和 是块元素的例子。  display:inline就是将元素显示为行内元素. 

2016-11-23 16:28:01 235

转载 js笔记11.17

1.debugger 关键字debugger 关键字用于停止执行 JavaScript,并调用调试函数。这个关键字与在调试工具中设置断点的效果是一样的。如果没有调试可用,debugger 语句将无法工作。开启 debugger ,代码在第三行前停止执行。2.变量提升:函数声明和变量声明总是会被解释器悄悄地被"提升"到方法体的最顶部。(1)x = 5; // 变量

2016-11-17 16:18:03 211

转载 html5避免自身页面缓存的问题

只需要在页面加入以下代码即可:

2016-11-17 11:49:36 758 1

转载 js的笔记11.16

1,break与continuebreak 语句可用于跳出循环。break 语句跳出循环后,会继续执行该循环之后的代码(如果有的话):for (i=0;i { if (i==3)   {   break;   } x=x + "The number is " + i + ""; };continue 语句中断循环中的迭代,如果出现了指定的条件,然后继

2016-11-16 16:49:24 258

原创 用ps制作一个半透明的图片

在html的混合开发中出现的一个问题:在页面中模拟弹窗的时候下面写了一个半透明的div;写法如下然而出现了下面的图层局部露出的情况,解决无果的时候,就用ps做了一个半透明的图片放上去了;这里写作笔记记录:1.新建一个图层,最好是透明的:2.点击前景色;选择一个接近黑色颜色就好,然后点击左侧的填充工具;点击填充,将上面的不透明度设成大概

2016-11-09 16:16:06 4860

转载 笔记:js高级程序设计第五章,函数的引用类型与基本类型

引用类型与基本包装类型的主要区别就是对象的生存期。使用 new 操作符创建的引用类型的实例,在执行流离开当前作用域之前都一直保存在内存中。而自动创建的基本包装类型的对象,则只存在于一行代码的执行瞬间,然后立即被销毁。这意味着我们不能在运行时为基本类型值添加属性和方法。来看下面的例子:var s1 = "some text";s1.color = "red";alert(s1

2016-10-24 15:50:44 299

转载 笔记:js高级程序设计第五章--关于日期

5.3  Date 类型ECMAScript 中的 Date 类型是在早期 Java 中的 java.util.Date 类基础上构建的。为此, Date类型使用自 UTC(Coordinated Universal Time,国际协调时间)1970 年 1 月 1 日午夜(零时)开始经过的毫秒数来保存日期。在使用这种数据存储格式的条件下, Date 类型保存的日期能够精确到 1970

2016-10-24 10:40:48 302

转载 笔记:js高级程序设计第四章

1,虽然在检测基本数据类型时 typeof 是非常得力的助手,但在检测引用类型的值时,这个操作符的     用处不大。通常,我们并不是想知道某个值是对象,而是想知道它是什么类型的对象。为此,ECMAScript     提供了 instanceof 操作符,其语法如下所示:     result = variable instanceof constructor     如果变量是

2016-10-21 11:05:29 243

转载 关于settimeout

一、setTimeout那些事儿之单线程一直以来,大家都在说Javascript是单线程,浏览器无论在什么时候,都且只有一个线程在运行JavaScript程序。但是,不知道大家有疑问没——就是我们在编程过程中的setTimeout(类似的还有setInterval、Ajax),不是异步执行的吗?!!例如: head> title>setTimeouttitl

2016-10-19 14:36:59 563

原创 关于setinterval

前几天在代码中遇到的一个问题,就是setinterval带的参数问题,所以重新整理知识;1,如何执行方法function a(){             var a=1;var b=2;c=a+b;alert(c)};   setInterval('a()',1000);                  //能够正常执行  setInterval(a,1000);

2016-10-19 10:56:55 297

原创 html5的页面在ios中,按钮会自动变为带圆角

在混合开发中遇到的问题,html5的页面嵌入到ios的app中,页面中的按钮会自动加上圆角,但是在安卓中不会出现这样的问题;在网上查到了这样的解决办法 -webkit-appearance : none ; /*解决iphone safari上的圆角问题*/(小鱼尼莫)加上这一句代码就可以解决这里的笔记只做记录用,并无他意;

2016-10-14 10:40:17 1879 1

原创 技术反思,关于动态操作表格

闲来无事,照着runjs里面别人写的代码写了一个表格操作,才发现,自己有多蠢;最基本的东西几天不写就脑子蒙圈了,一个简单的代码折腾了那么久,深感惭愧;效果如下:因为想要练手js,所以没有在样式上下太大的功夫:html代码如下:                                            *{

2016-10-12 13:38:02 287

原创 关于html页面移动端软键盘弹出时影响页面布局的问题

html页面在手机上写了input框的时候,手机的软键盘会弹出,会将页面推上去,页面布局会改变,要在页面写如下代码:$(document).ready(function () {  $('body').height($('body')[0].clientHeight);});页面加载完后,js给body一个定高。(部分转载,这里只是用作笔记)如果点击输入框弹出的键盘是数

2016-10-10 17:06:33 6260

转载 JavaScript的dom事件

1,什么是事件:就是文档或浏览器窗口中发生的一些特定的交互瞬间,比如单击、双击、鼠标悬浮等。2,什么是事件流:事件流描述的是从页面中接收事件的顺序,或者说是事件在页面中传播的顺序。IE的事件流叫做事件冒泡(event bubbling):由最具体的元素开始执行事件,然后逐级向上传播到 window 对象。网景团队提出的事件流叫做事件捕获(event capturing):由

2016-10-09 10:33:08 351

原创 项目总结小结

1,js的外部引入,一定要写在代码的后面,否则会出现js先加载出来了,但是页面元素没有加载出来,这里出现的一个bug,如果在头部引入了外部的js文件,那么这段代码会没有办法执行,报错,说是找不到id=change的元素,原因是先执行了js代码,然后再执行的html。2,jq中的ajax的通用封装, jsonp : "callback",传递给请求处理程序或页面的,用

2016-09-18 10:56:37 405

原创 关于百度地图API的部分拿来用

1,根据坐标(经纬度)显示地址,代码如下:(这里的坐标是变量,来自URL传递的参数)需要引入的文件:        这里百度秘钥地方貌似可以不申请,直接这样写// 百度地图API功能        var map = new BMap.Map("allmap");        var point = new BMap.Point(x3,y3);        

2016-09-13 15:10:27 429

原创 关于Hbuilder的手机真机调试

在Hbuilder上面首届的调试可以分为俩种,第一种是直接打包成安卓,ios的原生app以后发送到手机上面直接运行,操作方法是在自己所建立的移动项目下面找到manifest.json文件,点开之后填写版本信息,appid可以直接从云端获取,下面的每一项都是可以点开的,点开配置你所需要的信息然后点击菜单栏里面的发行点击第一项,发行为原生安装包然后会出来上面

2016-09-10 13:40:48 63747 2

原创 html5 ios中多个数字输入后变为电话号码的解决办法

转自“每天都进步一点点”html页面在ios设备上面显示的时候,当连续输入一串数字之后,点击会默认变成电话号码拨号。禁止该事件的方法:meta name="format-detection" content="telephone=no" />说明:使设备浏览网页时对数字不启用电话功能(不同设备解释不同,iTouch 点击数字为存入联系人,iPhone 为拨打电话),忽略将页面中

2016-09-09 18:57:21 2078

原创 关于火狐和谷歌浏览器中的图片九宫格布局

由于谷歌浏览器和火狐浏览器对padding和margin的解析标准不一样,所以正常布局会出现火狐浏览器没有上下距离,但是谷歌是正常的,解决代码如下:html:我们积累了各行业丰富的案例和经验css:.centerSiximg{width: 62%;text-align: center;margin: 0 auto;displa

2016-07-21 14:39:49 1018

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除