
❤ JavaScript
文章平均质量分 54
一亩地
很多事情是实践创造出来的,而不是计划和分析出来的.
展开
-
JavaScript中使用ajax传递数据,使用serialize获取表单数据时,如何给表单增加额外参数?
serialize添加后添加单独的参数如一个ajax请求时使用了serialize()后,又该如何给表单增加额外的字段array1、array2呢?$.ajax({ type:'POST', url :"<{:U('yimudi/edit')}>", //'array1':array1,'array2':array2就是自己增加的除表单外的...原创 2019-08-06 20:39:33 · 1810 阅读 · 0 评论 -
浏览器返回(点击自定义返回)功能,两个页面跳转死循环解决方案!
最近项目中遇到到了,点击浏览器返回(或点击自定义返回)时,两个页面往复死循跳转,今天就把自己的解决方案总结如下,大家可参考下!A页面返回及跳转地址 <!-- 返回弹窗 --> <div class="no_set"> <p class="text">确定要放弃我吗?</p> <div class="原创 2018-11-22 16:28:39 · 4228 阅读 · 0 评论 -
支付宝(Alipay)支付,超详细使用教程讲解!
1、支付宝支付按钮调用<script>//支付宝支付 $('.alipayClass').bind("click",function(){ var imoney = $('#iMoney').val(); $.ajax({ type:"POST", url:"__APP__/aliPay/aliPayDo",//创建支付...原创 2018-11-23 17:18:46 · 10012 阅读 · 0 评论 -
JavaScript判断页面是第一次访问,还是刷新访问!
JavaScript判断页面是第一次访问,还是刷新访问! <script> var firstLogin = {$firstLogin}; var visits = {$visits}; if(firstLogin == 1 && visits == 1){ if(!window.na...原创 2018-10-31 19:40:43 · 2994 阅读 · 0 评论 -
JavaScript(PHP)如何用移动端设备访问,自动跳转到移动版页面?
根据设备是否是移动设备自动跳转到对应的页面,如果是pc端就显示pc端的页面,如果是移动端就显示移动端的页面。下面就为大家详细介绍下!只需要把下面这块代码贴上去就可以了!<script>(function(){ var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile", "原创 2018-08-22 18:57:23 · 1497 阅读 · 1 评论 -
PHP和AJAX实现下拉无刷新,分页加载更多功能!
背景:最近在手机端开发功能显示列表数据时发现,如果数据过多,造成图片加载延迟,不适合即时的效果呈现,既影响用户体验,又显得没有技术含量!通过自己测试,可以提供下面的一种方式,个人使用的是PHP开发,可以借鉴优化。实现步骤:1.Controller控制器 //村小农列表 public function cunXiaoNongList(){ $siz...原创 2018-07-25 11:50:17 · 4214 阅读 · 0 评论 -
JavsScript中querySelector与getElementBy等的区别?
获取元素DOM对象有很多种方法,以前一直在用getElementById和getElementsByTagName等,现在对这些方法和querySelector做一个总结. 常见的获取元素的方法有3种,分别是通过元素ID、通过标签名字和通过类名字来获取。 DOM提供了一个名为getElementById的方法,这个方法将返回一个与之对应id属性的节点对象,它是document对象特有的函数,只能通...原创 2018-07-03 14:36:11 · 384 阅读 · 0 评论 -
百度统计代码怎么开通,百度统计代码如何获取?怎么在网站上添加百度统计代码?
怎么开通百度统计代码呢?百度统计可以很好的帮助站长分析网站流量动态。百度统计代码获取有两种不同方式。一种是第一次开通百度统计代码,另一种是在额外添加网站百度统计代码。下面我就来说下百度统计代码怎么开通添加。最后附一张自己账号的百度统计代码:如果对于有用欢迎点赞关注我!...原创 2018-06-14 11:34:19 · 6458 阅读 · 1 评论 -
jquery的$().each,$.each的区别--上
在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点。$().each,对于这个方法,在dom处理上面用的较多。如果页面有多个input标签类型为checkbox,对于这时用$().each来处理多个checkbook,例如:$(“input[name=’ch’]”).eac原创 2017-10-25 16:00:32 · 345 阅读 · 0 评论 -
jquery的$().each,$.each的区别--下
最近一直在研究JS,今天看到遍历模块的时候,看到了这个函数:$(selector).each(function(index,element))但是想想,这个函数和之前项目里面用到的遍历数据的函数不是同一个呀(项目里面用到的函数:$.each(dataresource,function(index,element))),于是,就好好研究了下,果然在JS里面有两个相似的函数,于是也就有原创 2017-10-25 16:07:11 · 410 阅读 · 0 评论 -
JavaScript中函数与对象的关系
在ajax兴起以前,很多人写JavaScript可以说都是毫无章法可言的,基本上是想到什么就写什么,就是一个接一个的函数function,遇到重复的还得copy,如果一不小心函数重名了,还真不知道从何开始查找错误,因为大家总是用面向过程的编程思想来写JavaScript代码,而且也由于网络上充斥了太多小“巧”的JavaScript代码段,很多都是随意而为,很不规范,这也就造成了大家对JavaScr原创 2018-01-12 14:35:37 · 409 阅读 · 0 评论 -
localStorage使用详解(总结)!
localStorage使用详解一、什么是localStorage、sessionStorage在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。...原创 2018-11-22 17:06:43 · 2452 阅读 · 0 评论 -
如何判断浏览器是否为微信浏览器?
如何判断微信内置浏览器,首先需要获取微信内置浏览器的User Agent,经过在 iPhone 上微信的浏览器的检测,它的 User Agent 是:Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Mobile/10B329 MicroMessenger/...原创 2018-11-23 15:03:27 · 1979 阅读 · 0 评论 -
JavaScript中如何获取被选中radio的value值?
JavaScript中如何获取被选中radio的value值?JavaScript中 : var addressID = $("input[name='sex']:checked").val();把radio的name属性值设置成一样的,就会变为单选。<input type="radio" name="sex" value="0" /> <input type...原创 2019-08-06 20:23:18 · 8673 阅读 · 1 评论 -
跨域是什么呢?为何要跨域?你知道实现跨域的几种方式吗?
你知道实现跨域的几种方式吗?首先来提几个问题,大家看自己是否了解: 为什么会有跨域这个名词的出现呢? 跨域又是什么呢?为何要跨域? 浏览器的同源策略又是什么?怎么解决? jsonp又是什么? 跨域的原理又是什么呢?接下来为大家一一做下解释:...原创 2019-01-15 14:22:44 · 1560 阅读 · 1 评论 -
如何将图片转换base64格式?data:image/png;base64又是什么?
一、我们在看代码时经常在img或css背景图片中看到: src=”data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOus bgAAAAeFBMVEUAwAD///+U5ZTc9twOww7G8MYwzDCH4==”src或 url() 中有一大串编码。它把一些 8-bit 数据翻译成标准 ASCII 字符,网上有很多...原创 2018-12-19 12:43:51 · 36459 阅读 · 0 评论 -
JavaScript如何实现,点击按钮一次之后按钮禁用?
点击按钮一次之后按钮禁用的3种方法如下:1、首先第一种是用unbind()这个方法。先举个例子:<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript"原创 2018-12-12 11:35:56 · 11756 阅读 · 0 评论 -
在js(JavaScript)中怎样获得checkbox里选中的多个值?
思路:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中)。下面进行实例演示:1、HTML结构 1 2 3 4 5 6 <input type="checkbox" name="test" value="1"/><span>1<...原创 2018-12-11 18:56:15 · 699 阅读 · 0 评论 -
webstorm 和 phpstorm 有什么区别呢?做 WEB 开发用哪个好?
webstorm 和 phpstorm 有什么区别呢?做 WEB 开发用哪个好?1、WebStorm能做的事情PhpStorm都能做,而且后者还具备服务器端语言Php以及MySQL数据库,Apache服务器配置等服务器相关的功能.2、PhpStorm = WebStorm + PHP + DB/SQLAll the features of WebStorm are included int...原创 2018-12-27 10:56:37 · 13562 阅读 · 0 评论 -
PHP+JavaScript实现图片预览上传功能开发!
PHP+JavaScript实现图片预览上传功能开发!代码如下:1、HTML<div class="id-card"> <div class="img-up img-front"> <img <if condition="empty($addressInfo['iden_card...原创 2018-12-19 15:46:48 · 726 阅读 · 2 评论 -
JavaScript的DOMContentLoaded事件和load的区别?
事件DOMContentLoaded和load的区别1.当 onload 事件触发时,页面上所有的DOM,样式表,脚本,图片,flash都已经加载完成了。2.当 DOMContentLoaded 事件触发时,仅当DOM加载完成,不包括样式表,图片,flash。我们需要给一些元素的事件绑定处理函数。但问题是,如果那个元素还没有加载到页面上,但是绑定事件已经执行完了,是没有效果的。这两...原创 2018-12-19 15:24:28 · 424 阅读 · 0 评论 -
JavaScript 的addEventListener() 事件监听详解!
JavaScript 的addEventListener() 事件监听详解!addEventListener() 用于向指定元素添加事件。 可以向一个元素添加多次事件或者多次不同事件,后面的事件是不会覆盖前面的。 语法: element.addEventListener(event,fn,useCaption ); 参数说明:tr件,比如 click mouseenter mouselea...原创 2018-12-19 15:21:22 · 5883 阅读 · 0 评论 -
浏览器点击返回按钮,连续返回3级!(使用手机浏览器返回,不会刷新页面解决方案)!
浏览器点击返回按钮,连续返回3级!(使用手机浏览器返回,不会刷新页面解决方案)! <div class="Wname"> <span class="nameGoBack"> <a href="javascript:;" onclick="gotoUrl();">原创 2018-11-28 11:05:56 · 996 阅读 · 0 评论 -
JavaScript的小小总结!变量类型、对象声明、this用法、原型、匿名函数、闭包和自执行函数
一件任务的完成,意味着另外任务的开始,工作就这样,周而复始,就像春夏秋冬一样,四季轮回,其实工作是做不完的,上一个工作任务也许并没有完成,而下一个任务已经有了安排,写代码,搞程序,其实里面有很多东西是不可控制的,一个问题,一个似乎觉得微不足道的问题,可能让人绞尽脑汁,没有源码的帮助,如果是单纯的二次开发,有的时候真不知道问题出在什么地方,我这一段时间就被一个乱码问题折腾的要死,各种编码尝试都不见效原创 2018-01-12 13:59:02 · 596 阅读 · 1 评论 -
JavaScript字符串字面量,并不是对象,最多只能说它是个伪对象!
JS中字符串背后的秘密关于JS中是不是一切都是对象这句话,其实是有争议的。例如,我们可以直接在通过单引号或双引号定义的字符串字面量上调用方法: "this is liuyu".length 这个是能获取正确的结果的,我们知道一般带个点前面的都可以认为是对象,因为这里得到了正确的答案,说明字符串的确是个对象原创 2018-01-12 11:58:48 · 1412 阅读 · 0 评论 -
javascript中匿名函数如何自动执行,及其参数的如何传递!
javascript 匿名函数传递在javascript中匿名函数是是可以自动执行,但是其参数的传递值得我们注意,一般有下面两种形式:1,直接在函数的后面写参数(function(a, b){ alert(a + " and " + b);})("a", "b"); // 返回"a and b"2,匿名函数没有形参的时候,可以用arguments来处理:原创 2018-01-11 18:04:53 · 2106 阅读 · 0 评论 -
JavaScript中,prototype对象是实现面向对象的一个重要机制
在JavaScript中,prototype对象是实现面向对象的一个重要机制。每个函数就是一个对象(Function),函数对象都有一个子对象prototype对象,类是以函数的形式来定义的。prototype表示该函数的原型,也表示一个类的成员的集合。在通过new创建一个类的实例对象的时候,prototype对象的成员都成为实例化对象的成员。 1、该对象被类所引用,只有函数对象才原创 2018-01-11 17:57:58 · 341 阅读 · 0 评论 -
JavaScript中的自执行函数和闭包实现过程
在JS中,也常常需要复用,将一些常见的操作封装起来,目前看到的很多JS库,比如JQuery就是非常典型的,那么如何在JS中写一个可复用的呢?虽然在JS中有类的这个说法,但是我对这个玩意还是很抵触的,但是存在即合理。JS中的类是通过函数来模拟的,也就是说JS中的函数具有双重角色,用new关键字的将函数视为类,不用new的,它就是一个普普通通的函数。我们知道,类就是一个数据类型,这个数据类型由原创 2018-01-11 17:37:29 · 2635 阅读 · 0 评论 -
基于JavaScript实现继承机制之原型链(prototype chaining)的详解
我们知道在JavaScript中定义类的原型方式,而原型链扩展了这种方式,以一种有趣的方式实现继承机制。prototype 对象是个模板,要实例化的对象都以这个模板为基础。总而言之,prototype 对象的任何属性和方法都被传递给那个类的所有实例。原型链利用这种功能来实现继承机制如果用原型方式重定义前面例子中的类,它们将变为下列形式:复制代码代码如下:fu原创 2018-01-11 16:44:59 · 294 阅读 · 0 评论 -
深入浅出理解Javascript原型概念以及继承机制
在Javascript语言中,原型是一个经常被讨论到但是有非常让初学者不解的概念。那么,到底该怎么去给原型定义呢?不急,在了解是什么之前,我们不妨先来看下为什么。Javascript最开始是网景公司的工程师Brendan Eich负责开发。起初设计的意愿非常简单,网景公司在1994年发布了Navigator浏览器0.9版(历史上第一个比较成熟的网络浏览器),这时候需要一个网页脚本语言,使得原创 2018-01-11 16:40:50 · 403 阅读 · 0 评论 -
在JavaScript中,类的实现是基于原型继承机制的
类在JavaScript中,类的实现是基于原型继承机制的。如果两个实例都从同一个原型对象上继承了属性,我们说它们是同一个类的实例。构造函数从某种意义上讲,定义构造函数即是定义类,所以构造函数名首字母要大写,而普通的函数都是首字母小写。// 构造函数,首字母大写// 注意,这里并没有创建并返回一个对象,仅仅是初始化function Range(from , to) {原创 2018-01-11 16:01:12 · 700 阅读 · 0 评论 -
JavaScript判断一个页面是否是使用微信打开,并调跳转
//判断是否是微信打开var home_index = "{{ path('wap_homepage') }}";function isWeiXin(){ var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'micromessenger' || ua.原创 2017-11-06 18:23:57 · 1733 阅读 · 0 评论 -
类似php的js数组的in_array函数自定义方法
HP的数组函数in_array()非常方便,下面就为大家介绍下自定义类似php的js数组的in_array函数,具体实现方法如下,感兴趣的朋友可以参考下PHP的数组函数in_array()非常方便,可JS就不是了。其实我很不喜欢JS的数组~ 别说了,直接上方法 复制代码代码如下:Array.prototype.in_array = function(e)原创 2017-10-25 15:27:47 · 754 阅读 · 0 评论 -
手机端访问PC(电脑端)链接时,自动适应手机端对应链接的处理方法
function mobile_device_detect() { var url = location.protocol + '//m.yimudi.cc' + location.pathname+location.search; var thisOS=navigator.platform + navigator.us原创 2017-10-25 15:14:13 · 2251 阅读 · 0 评论 -
JavaScript中如何使用原型方法--prototype
JS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类:a 类方法b转载 2017-10-31 19:25:54 · 4015 阅读 · 1 评论 -
面向对象编程,C#,Java中都有this,this代表了当前的对象,那么JavaScript中this代表什么
在面向对象编程的世界里,this是一个常见的东西,比如C#,Java中都有this,this代表了当前的对象,或指向当前的对象?对象的产生是构造函数的事情,那么这个this也就表示了构造函数产生时候的那个东东。对于javascript这种语言说是一种面向对象的,我一直在心里抵触,因为我一直用C#,Java这样的语言,里面有什么多态,继承,封装,类,this等,但是在javascript中找原创 2018-01-11 18:19:56 · 493 阅读 · 0 评论 -
Javascript的变量范围,全局变量和局部变量 一个Var,一个没有用Var,或直接加在了wndow
Javascript中混乱的“变量声明” 对于开源世界,我是很想投入,也很想去做一些自己能做的事情,可惜只怪自己学术不精,往往进去都是找一个跟自己相关的东西,而从来没有什么贡献。不知道什么时候有了从源码中找答案的这个想法,前面的博客中说过,程序中的问题,可以通过调试,跟踪,模拟等手段找原因,其实还可以从源码中获取相关答案,请相信:源码中可以找到问题的本质的。 在Java这样的原创 2018-01-11 18:32:41 · 701 阅读 · 0 评论 -
JavaScript如何定义一个自己的可复用的JS文件!
如何定义一个自己的可复用的JS文件 Java中,我们可以用Jar的形式将我们常用的代码进行封装,然后复用,JS中可以不可以?当然可以,要不然这么多框架。 Java中,我们可以定义自己的命名空间,类,然后在类中定义自己的方法,在使用的时候,只需要实例化类,然后使用对象即可,JS中没用命名空间和类的概念,JS中有一个非常重要的对象window这个就是全局对象,也可以认为这个是JS中唯原创 2018-01-12 11:48:41 · 1190 阅读 · 0 评论 -
Javascript作用域及每一个函数都有一个call和apply方法,他们是如何改变作用域的!
Javascript作用域 经常接触Context这个词语,对这个词语越来越模糊,书中一般翻译为上下文! 作用域应该是一个范围,什么范围呢,就是一个环境执行的时候所属的范围,环境中定义的所有变量和函数都保存在其中,那么从这里来说,也应该是一个容器,容器内部的东西都是自己的,容器外部的东西就是别人的,理解了作用域对于学习Javascript大有裨益! 对JavaS原创 2018-01-12 11:35:58 · 660 阅读 · 0 评论 -
Javascript闭包 ,JS中没有public,private等修饰词,里面的变量就分为globle和局部变量
Javascript中没有没有像Java中的类,但是在JS中函数扮演了双重角色,函数可以认为是一个”类“,JS中没有public,private等修饰词,里面的变量就分为globe和函数内部(用var声明,否则是globe的)在JS中的对象可以用JSON描述,如果用JSON的话,可以解决访问对象中的变量var person = { "name":"liuyu原创 2018-01-12 10:55:15 · 563 阅读 · 0 评论