Bootstrap教程JS插件弹出框学习笔记分享

2017年02月06日 10 阅读

本文主要来学习一下JavaScript插件--弹出框。案例为页面内容添加一个小的覆盖层，就像iPad上的效果一样，为页面元素增加额外的信息。先来看几个简单的静态案例效果图效果比较简单主要就是静态的弹出的小窗体，分为窗体标题和窗体内容。<div class="bs-example bs-example-popover"><div class="popover top"><div class="arrow"></div...

利用AJAX实现WordPress中的文章列表及评论的分页功能

2017年02月06日 10 阅读

文章列表页分页一.加载 jQuery 库既然是 jQuery 驱动的 Ajax ，加载 jQuery 库是必须的。二.文章列表格式在你的文章列表页面（首页 index.php、归档 archive.php ）需要确保有以下类似的结构<！-- 包含所有文章的容器 --><div id="content"><！-- 各文章的容器 --><div class="post"></div><div c...

判断是否存在子节点的实现代码

2017年02月06日 10 阅读

判断是否存在子节点的实现代码Object.prototype.exist = function（）{ if（typeof this ！="undefined" && this.length>=1）{return true;}return false;};不解释。以上这篇判断是否存在子节点的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。...

深入理解jquery跨域请求方法

2017年02月06日 10 阅读

项目中关于ajax jsonp的使用，出现了问题：可以成功获得请求结果，但没有执行success方法总算搞定了，记录一下function TestAjax（） {$.ajax（{type : "get",async : false,url : "ajaxHandler.ashx", //实际上访问时产生的地址为: ajax.ashx?callbackfun=jsonpCallback&id=10data : {id : 10},cache : fa...

JQuery 的跨域方法推荐_可跨任何网站

2017年02月06日 10 阅读

因发现有不少博友发园内短信问及JS的跨域问题，我想很多程序员的脑海里面还认为JS是不能跨域的，其实这是一个错误的观点；有很多人在网上找其解决方法，教其用IFRAME去解决的文章很多，真有那么复杂吗？其实很简单的，如果你用JQUERY，一个GETJSON方法就搞定了，而且是一行代码搞定。下面开始贴出方法。 //跨域（可跨所有域名）$.getJSON（"http://user.hnce.com.cn/getregion.aspx?id=0&jsonca...

jQuery使用ajax跨域获取数据的简单实例

2017年02月06日 10 阅读

jQuery使用ajax跨域获取数据的简单实例var webMethod = "http://localhost:54473/Service1.asmx/HelloWorld"; jQuery.support.cors = true; //之前没有加这句老是提示no transport，我没去深想。$.ajax（{type: "POST",contentType: "application/x-www-form-urlencoded",dat...

jQuery 获取跨域XML（RSS）数据的相关总结分析

2017年02月06日 10 阅读

前段时间项目,需要前端JS获取跨域XML（RSS）,最先打算使用jQuery.ajax方法获取，但是在ie9以下,提示“拒绝访问的” 略尴尬，网上查找了相关资料总结了以下几种方法:一、google的jGFeed:相信很多同学对这个应该不陌生，使用也相对简单：源码：（function（$）{ $.extend（{jGFeed : function（url, fnk, num, key）{ // Make sure url to get is defined ...

Jquery跨域获得Json的简单实例

2017年02月06日 10 阅读

这两天用 Jquery 跨域取数据的时候，经常碰到 invalid label 这个错误，十分的郁闷，老是取不到服务器端发送回来的 json 值，一般跨域用到的两个方法为：$.ajax 和$.getJSON最后，仔细安静下来，细读 json 官方文档后发现这么一段：JSON数据是一种能很方便通过JavaScript解析的结构化数据。如果获取的数据文件存放在远程服务器上（域名不同，也就是跨域获取数据），则需要使用jsonp类型。使用这种类型的话，会创建一个查...

jquery解析XML及获取XML节点名称的实现代码

2017年02月06日 10 阅读

jquery获取XML节点名称的几种方法以：• get（0）.tagName$（this）.get（0）.tagName• [0].tagName[0]$（this）[0].tagName• context.nodeName$（this）.context.nodeNamefunction getXMLData（）{$.ajax（{url:"data.xml",type: "GET",dataType: "xml",tim...

详解JavaScript设计模式开发中的桥接模式使用

2017年02月06日 10 阅读

桥接模式将抽象部分与实现部分分离开来，使两者都可以独立的变化，并且可以一起和谐地工作。抽象部分和实现部分都可以独立的变化而不会互相影响，降低了代码的耦合性，提高了代码的扩展性。按照GoF的定义，桥接模式的作用在于“将抽象与其实现隔离开来，以便二者独立变化”。这种模式对于Javascript中常见的事件驱动的编程大有裨益。桥接模式最常见和实际的应用场合之一是事件监听器回调函数。 example：事件监听器，把事件处理的语句封装到回调函数中，通过接口而不是实现...

easyui window refresh 刷新两次的解决方法（推荐）

2017年02月06日 10 阅读

这样写刷新两次$（"#windowid"）.window（"refresh","url01.php"）;$（"#windowid"）.window（"open"）;这样写刷新一次 $（"#windowid"）.window（"open"）;$（"#windowid"）.window（"refresh","url01.php"）;以上这篇easyui window refresh 刷新两次的解决方法（推荐）就是小编分享给大家的全部内容了，希望能给大家一个参考...

设计模式中的组合模式在JavaScript程序构建中的使用

2017年02月06日 10 阅读

定义组合，顾名思义是指用包含多个部件的对象创建单一实体。 这个单一实体将用作所有这些部件的访问点，虽然这大大简化了操作，但也可能具有相当的欺骗性，因为没有哪种隐性方式明确表明该组合包含多少部件。组合模式的目标是解耦客户程序与复杂元素内部架构，使得客户程序对待所有子元素都一视同仁。每个子节点都可以使复杂的存在，对于父节点来说，不需要知道子节点的复杂性或者实现子节点的复杂性，只需要关注子节点的特定方法，便可以使用子节点。简化了父和子之间的关系。对于子节点来说也...

JavaScript设计模式开发中组合模式的使用教程

2017年02月06日 10 阅读

我们平时开发过程中，一定会遇到这种情况：同时处理简单对象和由简单对象组成的复杂对象，这些简单对象和复杂对象会组合成树形结构，在客户端对其处理的时候要保持一致性。比如电商网站中的产品订单，每一张产品订单可能有多个子订单组合，比如操作系统的文件夹，每个文件夹有多个子文件夹或文件，我们作为用户对其进行复制，删除等操作时，不管是文件夹还是文件，对我们操作者来说是一样的。在这种场景下，就非常适合使用组合模式来实现。基本知识组合模式：将对象组合成树形结构以表示“部分-...

JQuery解析XML数据的几个简单实例

2017年02月06日 10 阅读

用JavaScript解析XML数据是常见的编程任务，JavaScript能做的，JQuery当然也能做。下面我们来总结几个使用JQuery解析XML的例子。第一种方案：<script type="text/javascript">$（document）.ready（function（） {$.ajax（{ url: "http://www.jb51.net/cgi/test.xml", dataType: "xml", success: fu...

12个非常实用的JavaScript小技巧【推荐】

2017年02月06日 10 阅读

这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。使用！！操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值，如果存在就返回true值。为了做这样的验证，我们可以使用！！操作符来实现是非常的方便与简单。对于变量可以使用！！variable做检测，只要变量的值为:0、null、" "、undefined或者NaN都将返回的是false，反之返回的是true。比...

JQuery.validate在ie8下不支持的快速解决方法

2017年02月06日 10 阅读

一、在ie8下回有问题的代码1、JQuery.validate验证框架是通过页面form表单提交验证<input/>标签中输入是否符合自己的规则的<form id="cardTypeFrm"><table width="100%" cellspacing="0" cellpadding="0" class="table_pzh"><tbody> <tr><th class="f14 tr p...

设计模式中的facade外观模式在JavaScript开发中的运用

2017年02月06日 11 阅读

概念外观模式（门面模式），是一种相对简单而又无处不在的模式。外观模式提供一个高层接口，这个接口使得客户端或子系统更加方便调用。外观模式并不是适配器模式，适配器模式是一种包装器，用来对接口进行适配以便在不兼容系统中使用它。而创建外观元素则是图个方便。它并不用于达到需要特定接口的客户系统打交道这个目的，而是用于提供一个简化的接口。JavaScript代码示例用一段再简单不过的代码来表示var getName = function（）{ return ""sve...

JQuery中attr属性和jQuery.data（）学习笔记【必看】

2017年02月06日 10 阅读

用html直接data-key来存放，key必须全部小写。<div data-mydata="123"></div>consoloe.log（$（"div"）.data（"mydata"））;//output 123二避免在key中使用短横线<a id="bar" data-foo-bar-baz="fizz-buzz" href="#">fizz buzz！</a>$（"#bar"）.data（）.fooB...

深入剖析javascript中的exec与match方法

2017年02月06日 10 阅读

exec是正则表达式的方法，而不是字符串的方法，它的参数才是字符串，如下所示：var re=new RegExp（/d/）;re.exec（ "abc4def" ）;//或者使用perl风格：/d/.exec（ "abc4def" ）;//match才是字符串类提供的方法，它的参数是正则表达式对象，如下用法是正确的："abc4def".match（d）;exec和match返回的都是数组如果执行exec方法的正则表达式没有分组（没有括号括起来的内容），那么...

详解JavaScript实现设计模式中的适配器模式的方法

2017年02月06日 10 阅读

有的时候在开发过程中，我们会发现，客户端需要的接口和提供的接口发生不兼容的问题。由于特殊的原因我们无法修改客户端接口。在这种情况下，我们需要适配现有接口和不兼容的类，这就要提到适配器模式。通过适配器，我们可以在不用修改旧代码的情况下也能使用它们，这就是适配器的能力。适配模式可用来在现有接口和不兼容的类之间进行适配，使用这种模式的对象又叫包装器（wrapper），因为它们是在用一个新的接口包装另一个对象。从表面上看，适配器模式很像外观模式。它们都要对别的对象...