phper,PHP学习_PHP技术_PHP网站建设_PHP程序员专注于PHP技术研究及学习

文档归类:前端设计

js parse_url函数功能2015-01-13

<script>function parseURL(url) {    var a =  document.createElement('a');    a.href = url;    return {        source: url,        protocol: a.protocol.replace(':',''),        host: a.hostname,        port: a.port,        query: a.search,        params: (function(){            var ret = {},                seg = a.search.replace(/^\?/,'').split('&'),...
此文被围观2196 分类: 前端设计 标签:  ···

jquery数组求和,map求和,js数组求合2014-12-18

多选框数据求和的问题,总觉得for循环求和麻烦,搜了一下,觉得这个方法还不错,只是这里面的eval不知道好不好。。。。。。。。var arr = [1, 2, 3, 4, 5, 6];var value = eval(arr.join("+"));$(".chk:checked").map(function(){    return this.value;}).get().join('+');js数组求和...
此文被围观3063 分类: 前端设计 标签:  ····

js 判断IOS版本号2014-12-18

‍‍先来观察 iOS 的 User-Agent 串:iPhone 4.3.2 系统:Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_2 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8H7 Safari/6533.18.5iPone 5.1 系统:Mozilla/5.0 (iPhone; U; CPU iPhone OS 5_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8H7 Safari/6533.18.5iPone 5.1.1 系统:Mozilla/5.0 (iPhone; U; CPU iPhone OS 5_1_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8H7 Safari/6533.18.5我们可以从 User-Agent 里发现一些规律:都含有“iPhone”关键词;含有用下划线分隔的系统版本号。嗯,我们可以用这两个规律来分辨出 iOS4 以上的系统。function gt_ios4() {    // 判断是否 iPhone 或者 iPod  &n...
此文被围观2407 分类: 前端设计 标签:  ·

css判断ipone4/4s,iphone 52014-12-12

‍‍@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容/4s */ .class{} } @media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */ .class{} }‍‍...
此文被围观1821 分类: 前端设计 标签:  ···

js 判断ios2014-12-12

if (/iPad|iPhone|Mac/i.test(navigator.userAgent)){    // todo : ios}...
此文被围观1519 分类: 前端设计 标签:  ····

微信分享JS代码2014-12-11

‍‍‍‍微信分享功能本身有一套机制从微页面中抓取缩略图,标题和摘要信息,但是很多时候抓取的信息可能不是你所想要呈现的。很多开发人员没有注意这些,就可能使自己的页面在分享出去以后出现图片和文字的问题。‍‍另外,当我们在开发微页面游戏,或者轻应用页面的时候,我们有时候希望不同的条件下同一页面分享的内容是不一样的。比如我之前做的单页面游戏,通关后用户点击分享的内容就是其通关的时间等信息,失败了则会分享失败的信息,等等。‍‍‍‍‍‍‍‍‍‍‍‍‍‍解决这些问题其实很简单,我们可以借助微信浏览器的内置JS对象来实现。对于小虫这种代码控来说,下面就用代码和注释信息来向大家说明:‍‍‍‍‍‍‍‍首先我们定义一些变量,你可以动态的改变这些变量,分享的时候会根据这些变量的值来设置信息。‍‍var imgUrl = ""; //缩略图地址 var lineLink = ""; //分享的链接地址 var descContent = ''; //摘要信息 var shareTitle = ''; //分享的标题 var appid = 'xxxxxxxxxxxxxxxx'; //你的公众号的APPId‍‍‍‍‍‍‍‍然后我们写三个分享函数来对应三种分享方式。注意其中用到...

multiselect api2014-12-10

https://github.com/ehynds/jquery-ui-multiselect-widget 官网取值方法:var array_of_checked_values = $("select").multiselect("getChecked").map(function(){               return this.value;   }).get();jquery-multiselect 基于Jquery-ui的组件体系。   所以使用它的时候,先得导入jquery-ui相关的js和css哦特性支持点击label实现checkbox组选择.头部选项,如全选/ 取消全选 /关闭功能.支持键盘选择.支持5种不同的事件回调函数.以列表方式显示选中项目,并且可以设置最大显示值.方便改变位置,渐变速度,滚动容器的高度,链接文字,文本框默认内容等...
此文被围观1449 分类: 前端设计 标签:  ···

uploadify浏览器总是崩溃,uploadify不兼容解决方法2014-10-24

uploadify上传插件很好用,但是总是造成浏览器崩溃的情况。‍‍uploadify浏览器解决的办法是: 给引入的js加上一个参数,时间戳就可以,防止缓存,使每一次都请求。(这个问题是因为谷歌浏览器会缓存文件导致的)‍‍uploadify可能在某些浏览器并不工作,uploadify兼容方法:在swf后面加个参数就可以了 uploadify/uploadify.swf?var='+(new Date()).getTime(),...
此文被围观2255 分类: 前端设计 标签:  ····

onbeforeunload事件,页面刷新及离开事件2014-10-12

页面离开事件或页面刷新事件window.onbeforeunload=function(){     return '当前操作未保存,如果你此时离开,所做操作信息将全部丢失,是否离开?';//这里就是提示的信息 };onbeforeunload,jquery beforeunload,页面刷新事件,页面刷新,jquery页面刷新...

微信分享信息朋友圈,分享到微博js设置图片链接地址标题2014-09-26

微信分享到朋友圈需要设置图片链接标题描述,同理分享到微博一样的js,需要预加载这些js<script>        var imgUrl = '';//图片地址        var lineLink = '';//链接地址        var shareTitle = '';//分享标题        var descContent = "";//描述内容        var appid = '';        function shareFriend() {            WeixinJSBridge.invoke('sendAppMessage',{                "appid": appid,                "img_url": imgUrl,     ...
此文被围观4729 分类: 前端设计 标签:  ·····

JS正则表达获取URL参数值2014-09-23

‍‍var url = "http://127.0.0.1/e/action/ShowInfo.php?classid=9&id=2";//定义变量 function parse_url(_url){ //定义函数  var pattern = /(\w+)=(\w+)/ig;//定义正则表达式  var parames = {};//定义数组  url.replace(pattern, function(a, b, c){   parames[b] = c;  });  /*这是最关键的.当replace匹配到classid=9时.那么就用执行function(a,b,c);其中a的值为:classid=9,b的值为classid,c的值为9;(这是反向引用.因为在定义正则表达式的时候有两个子匹配.)   然后将数组的key为classid的值赋为9;然后完成.  再继续匹配到id=2;此时执行function(a,b,c);其中a的值为:id=2,b的值为id,c的值为2;然后将数组的key为id的值赋为2.  */  return parames;//返回这个数组. } var par...
此文被围观1157 分类: 前端设计 标签:  ···

js 获取文本焦点,js将焦点置于文本最后2014-09-20

js 获取文本焦点,js将焦点置于文本最后function moveEnd(obj) { obj.focus(); var len = obj.value.length; if (document.selection) { var sel = obj.createTextRange(); sel.moveStart('character', len); sel.collapse(); sel.select(); } else if (typeof obj.selectionStart == 'number' && typeof obj.selectionEnd == 'number') { obj.selectionStart = obj.selectionEnd = len; } }...
此文被围观1372 分类: 前端设计 标签:  ···

hasOwnProperty ie8,javascript中的类型检测,js中的hasOwnProperty和isPrototypeOf方法2014-09-17

今天客户反映说有一个js在IE8下出现错误,打开一看才知道是 hasOwnProperty判断不在IE下不支持以方法。解决方法:‍‍hasOwnProperty:是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是,此方法无法检查该对象的原型链中是否具有该属性,该属性必须是对象本身的一个成员。isPrototypeOf是用来判断要检查其原型链的对象是否存在于指定对象实例中,是则返回true,否则返回false。if(object.hasOwnProperty("related")){}; //针对非DOM对象if("hasOwnProperty" in object && object.hasOwnProperty("related")){}; //不确定是否为DOM对象时 调用DOM对象的hasOwnProperty方法之前应先检测其是否存在!若已经知道对象不是DOM则可省略检测存在。‍‍...
此文被围观2365 分类: 前端设计 标签:  ······

本站使用ThinkPHP框架开发读图网主题,目前托管在阿里云,图片由读图网提供. 蜀ICP备12031064号

Copyright © 2011-2017adophper.com All Rights Reserved.