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

文档归类:前端设计

微信分享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种不同的事件回调函数.以列表方式显示选中项目,并且可以设置最大显示值.方便改变位置,渐变速度,滚动容器的高度,链接文字,文本框默认内容等...
此文被围观1556 分类: 前端设计 标签:  ···

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

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

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,     ...
此文被围观5006 分类: 前端设计 标签:  ·····

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...
此文被围观1253 分类: 前端设计 标签:  ···

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; } }...
此文被围观1531 分类: 前端设计 标签:  ···

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则可省略检测存在。‍‍...
此文被围观2568 分类: 前端设计 标签:  ······

jquery点击页面隐藏DIV2014-09-11

先看一下html页面:要求点击div#searchSelected显示div#searchTab,当点击页面其它地方的时候也需隐藏div#searchTabjs代码:function stopPropagation(e) {     if (e.stopPropagation)         e.stopPropagation();     else         e.cancelBubble = true; } $(function(){     $(document).click(function(){         $("#searchTab").hide();         $("#searchSelected").removeClass("searchOpen");     });    &...
此文被围观1912 分类: 前端设计 标签:  ····

jquery点击页面隐藏,由点击页面其它地方隐藏div所想到的jQuery的delegate2014-09-11

在网页开发的过程中经常遇到的一个需求就是点击一div内部做某些操作,而点击页面其它地方隐藏该div。比如很多导航菜单,当菜单展开的时候,就会要求点击页面其它非菜单地方,隐藏该菜单先从最简单的开始,假如页面有一个id为test的div,我们要实现点击页面其它地方隐藏该div:<div id="test" style="margin:100px;background-color:#3e3;width:100px;height:100px;"></div>对于这个问题一般有两种思路,这两种思路都会利用事件冒泡这一原理,想要详细了解Javascript事件机制可以看看JavaScript与HTML交互——事件,这不是本文重点,所以这里只是简单介绍一下事件冒泡,事件冒泡IE的事件冒泡:事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的元素Netscape的事件捕获:不太具体的节点更早接收事件,而最具体的元素最后接收事件,和事件冒泡相反DOM事件流:DOM2级事件规定事件流包括三个阶段,事件捕获阶段,处于目标阶段,事件冒泡阶段,首先发生的是事件捕获,为截取事件提供机会,然后是实际目标接收事件,最后是冒泡句阶段。Opera、Firefox、Chrome、Safari都支持DOM事件流,IE不支持事件流,只支持事件冒泡如有以下html,点击div区域,按照不同的模型事件元素的click事件触发顺序如下所示:<!DOCTYPE html ...
此文被围观1671 分类: 前端设计 标签:  ····

js获取元素样式,获取样式2014-08-21

 //获取样式     function getCurrentStyle(id, styleName){         if($id(id).currentStyle){//ie             return $id(id).currentStyle[styleName];         }else{ //ff             var $arr=$id(id).ownerDocument.defaultView.getComputedStyle($id(id), null);             return $arr[styleName];         }   &nb...
此文被围观1391 分类: 前端设计 标签:  ·····

JS阻止事件冒泡2014-08-18

‍‍JS事件流中有一种事件被称为“冒泡事件”,当一个元素被触发一个事件时,该目标元素上的事件会优先被执行,然后向外传播到每个祖先元素,恰如水里的一个泡泡似的,从产生就一直往上冒,到达水平面时,它才消失。在这个过程中,如果你只希望触发目标元素上的事件,而不想它传播到祖先元素上去,那么你需要在“泡泡”离开对象之前刺破它。下面,就以一个简单的Demo来演示下JS如何阻止事件冒泡:‍‍//阻止冒泡的方法 function stopPP(e) { var evt = e || window.event; //IE用cancelBubble=true来阻止而FF下需要用stopPropagation方法 evt.stopPropagation ? evt.stopPropagation() : (evt.cancelBubble=true); }JS阻止事件冒泡,冒泡事件...
此文被围观1735 分类: 前端设计 标签:  ··

An invalid form control with name='oldpass' is not focusable.2014-08-12

Chrome浏览器要重点控制是必需的,但仍然是空的,所以,它可以弹出消息“请在此输入”。但是,如果该控件隐藏在Chrome浏览器要弹出消息,那就是在表单提交的时间,Chrome浏览器无法集中控制,因为它是隐藏的,因此表格后,提交。因此,要解决这个问题,通过javascript隐藏控件时,我们也必须删除'required'的属性,控制。An invalid form control with name='oldpass' is not focusable....

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

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