05 2016 档案

摘要:接上一篇,省市三级联动的例子中,引入了1个QQ网站上的js文件。这个js中构造了一个地址对象,页面上我们所有的操作都跟这个对象关联。今天讨论这种对象怎么构造的问题。 前面写过一篇:浅谈Json数据格式 http://www.cnblogs.com/xiaochongchong/p/5284441.h 阅读全文
posted @ 2016-05-30 17:08 小虫1 阅读(232) 评论(0) 推荐(0)
摘要:商城网站最常见的需求,如果省市区地址信息不保存在数据库中。前端只能用js实现了,搜到一篇很不错的文章:【从QQ网站中提取的纯JS省市区三级联动】http://www.cnblogs.com/zjfree/p/3269864.html 对上面的代码稍加修改,就可以直接用了。具体参看15、19楼的回复。 阅读全文
posted @ 2016-05-30 16:20 小虫1 阅读(258) 评论(0) 推荐(0)
摘要:前面写过jquery对象存在与否的判断。现在谈下Js中判断变量存不存在的问题。 如果这样if(!a),当变量a在js中没有申明时,就会报错,那么接下去的代码将不会被执行。注意,这种判断只要变量申明过,if条件都会通过。比如 以上代码会弹出两个“通过”。说明这种判断只是判别变量是否在js里声明过,而不 阅读全文
posted @ 2016-05-25 17:06 小虫1 阅读(56003) 评论(0) 推荐(2)
摘要:网上搜索“左右滑动开关”,结果有很多诸如:纯CSS3左右滑动开关按钮等。但事实上,这种按钮是click事件触发的。在手机网页上用这种组件,对于IPhone用户,见多了很多这种滑动按钮,如果点击触发,会显得很不协调。 说白了,网上的这种按钮都是点击按钮而非滑动按钮。我们现在要找一个滑动事件来替代cli 阅读全文
posted @ 2016-05-24 18:15 小虫1 阅读(3650) 评论(0) 推荐(0)
摘要:在实际项目中,很容易有这种需求:当某个操作成功或失败,需要给用户一个提示。当然最简单的做法是调用alert()方法弹窗。但alert()属于JavaScript中BOM部分,每个浏览器的样式不太一样,这个我们改变不了。另外,弹窗给用户的感觉也不是很好。还需要手动关闭一次。 鉴于以上的理由,自己实现个 阅读全文
posted @ 2016-05-20 14:51 小虫1 阅读(510) 评论(0) 推荐(0)
摘要:一般而言,js代码都放在页面的底部。在做项目的过程中,发现放在底部的代码没有执行,原来操作的是ajax生成的部分。这时候,页面加载js的顺序就要小心了。例子如下: Ajax没有完成,这时候,页面元素还不完整,操作ajax生成部分的代码其实已经执行了,而jquery没有选中页面元素又不会报错,参见:h 阅读全文
posted @ 2016-05-20 14:17 小虫1 阅读(537) 评论(0) 推荐(0)
摘要:bind()方法绑定事件的时候,第二个参数是函数,如果代码都写在函数里面,没有任何问题。但是,直接调用外部封装的函数需要注意,出错的例子: 上面这个例子打开网页立即弹窗,说明外部的函数立马执行了。当我们点击div的时候,没反应了。。。 在匿名函数里面调用外面封装的函数就没有问题了,正确的例子: 这样 阅读全文
posted @ 2016-05-16 16:58 小虫1 阅读(1593) 评论(0) 推荐(0)
摘要:如果使用本地存储如:cookie,localStorage,sessionStorage,Web SQL的情况下,前端存取数据非常容易。 本文介绍,不使用以上本地存储,只在页面(标签里面)上存取数据。 最简单的一种做法是隐藏表单或者隐藏元素都可以: 这种做法在获取数据的时,jquery选择器选择元素 阅读全文
posted @ 2016-05-16 15:49 小虫1 阅读(5922) 评论(0) 推荐(0)
摘要:不传参数的text()方法在获取文本内容时,会把子元素的文本也获取过来(会删除 HTML 标记),例子: 当jQuery选择器选中的元素有多个时,它会返回所有匹配元素的组合的文本内容(会删除 HTML 标记)。W3cschool上面的一个例子 传参数的text()方法用于设置值时,它会覆盖被选元素的 阅读全文
posted @ 2016-05-16 13:44 小虫1 阅读(3766) 评论(0) 推荐(0)
摘要:本文不讨论用jquery选择器具体怎么选择页面元素,而讨论选择元素后后的一些处理 jquery的选择器选择元素的时候,即使没有选择到指定的对象,页面并不会报错,例子: 这个例子中,页面上没有id=”a”的元素,对$(”#a”)对象操作,控制台并不会报任何错误。容错性好,这样的好处是所有的对象操作可以 阅读全文
posted @ 2016-05-16 11:00 小虫1 阅读(349) 评论(0) 推荐(0)
摘要:Js中经常遇到判断一个字符串是否包含一个子串,java语言中有containes的方法,直接调用就可以了。除非引用第三方数据库,Js中没有contains方法。 为了实现更java语言中containes方法相同的效果,最简单的一种做法是利用js中字符串查找位置的方法indexOf(“o”大写)。此 阅读全文
posted @ 2016-05-16 09:27 小虫1 阅读(3890) 评论(0) 推荐(1)