-
9 条 JavaScript 开发最佳实践
所属栏目：[模式] 日期：2018-09-21 热度：197
1、使用正确的 script 标签 如果你需要在 html 文档中使用一些 Java Script 代码，你应当通常会使用如下的 script 标签： script type=text/javascript //insert your code here /script但是在源代码中，以下这种标签写法随处可见： script type=text/java[详细]
-
JavaScript 中的对象引用机制
所属栏目：[模式] 日期：2018-09-21 热度：73
Java Script 中的对象引用机制 对象的引用机制：对象不会被复制，只能通过引用来传递。 简单的例子： var i = mangguo = {}; //不论是否为空对象 mangguo.address = 'Hangzhou';那么 mangguo.address 的值和 i.address 一致，原因是 i 和 mangguo 引用的是[详细]
-
JavaScript Event学习第十章：一些可替换的事件对
所属栏目：[模式] 日期：2018-09-21 热度：178
为了让我们的JavaScript驱动的页面对那些不能或者不想使用鼠标的用户也能很好的使用，我们对于像mouseover和click这样的事件做一些处理，同样的，对于非鼠标事件也同样的要我们的脚本执行。 测试的局限性 这一章我们打算寻找哪些事件可以用来仿真鼠标事件。[详细]
-
JavaScript Event学习第九章：鼠标事件
所属栏目：[模式] 日期：2018-09-21 热度：116
鼠标事件是到目前为止最重要的事件。在这一章我将介绍一些鼠标事件的最常见的问题和技巧。 先看看都有哪些鼠标事件：mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout。然后还会解释一下relatedTarget,fromElement和toElement这些事件[详细]
-
JavaScript Event学习第八章：事件的顺序
所属栏目：[模式] 日期：2018-09-21 热度：136
在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题：如果一个元素和他的父元素对于同样的事件都有事件处理程序，那么哪个会首先执行呢？毫无疑问，看是什么浏览器。 基本问题很简单。假设你的一个元素包含在另外一个元素中。 ----------------[详细]
-
Prototype 实现的 AJAX Edit in Place
所属栏目：[模式] 日期：2018-09-21 热度：191
Prototype 似乎已经过气了，但用的人还是挺多，这段代码是用来实现即时文本编辑(Edit In Place)的功能。 // Requires prototype.js function edit(action, obj) { Element.hide(obj); var textarea ='div id=' + obj.id + '_editorinput type=text id=' +[详细]
-
你真的认识 window.location 吗？
所属栏目：[模式] 日期：2018-09-21 热度：195
如果你稍微懂一些 JS 代码，一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址： window.location.href = window.location.href; 好吧，我告诉你，这样弱掉了。其实原生 Java Script 真是什么都有。 window.location 对象所包含[详细]
-
使用javascript将XML解析为JSON
所属栏目：[模式] 日期：2018-09-21 热度：135
今天看了David Walsh一篇把XML格式转换为JSON格式的文章，感觉不错，简单的转载了过来。 下面是神奇的XML转JSON的javascript代码： // Changes XML to JSON function xmlToJson(xml) { // Create the return object var obj = {}; if (xml.nodeType == 1)[详细]
-
JavaScript中的字符串乘法
所属栏目：[模式] 日期：2018-09-21 热度：70
In Ruby, the * operator used with a string on the left and a number on the right does string repetition. Ruby*2 evaluates to RubyRuby, for example. This is only occasionally useful (when creating lines of hyphens for ASCII tables, for ex[详细]
-
JS 实现 taskMenu 加载的时候显示指定的项
所属栏目：[模式] 日期：2018-09-21 热度：148
在用taskMenu的时候 当需要显示的项太多的时候 希望加载的时候 只显示指定的项 var taskMenu1; var taskMenu2; var item1; var item2; var item3; var item4; window.onload = function() { TaskMenu.setHeadMenuSpecial(true); /////////////////////////[详细]
-
使用jQuery中ajax方法访问web服务
所属栏目：[模式] 日期：2018-09-21 热度：191
说明： ArrayList 中 存为对象CollegeDepartInfo 其属性为：stirng CollegeDepartTitle 和 int CollegeDepartId 在javascript中 ddlDepart.options[ddlDepart.length]=new Option(n.CollegeDepartTitle,n.CollegeDepartId); Option的参数就是依据他们的。[详细]
-
Javascript实现不同编码之间的URL提交
所属栏目：[模式] 日期：2018-09-21 热度：53
不同的网站之间提交参数的时候。比如A网站是UTF-8编码，向liehuo.net (GBK) 提交一个链接 http://s.liehuo.net/?q=杯具sp=on 这样会存在转码的问题。 提供一个函数。将 http://s.liehuo.net/?q=1a=2b=3c=4 转换成FORM，再通过更改FORM的accept-charset 来[详细]
-
当构造函数遇到 YUI3 封装机制
所属栏目：[模式] 日期：2018-09-15 热度：96
Copy to Clipboard 引用的内容：[www.veryhuo.com]/* * 构造确认操作对话框 * @constructor ConfirmBox */ var ConfirmBox, confirmOff, confirmDel; ConfirmBox = function(msg, url){ this.msg = msg; this.url = url; }; ConfirmBox.prototype.fire = f[详细]
-
IIS7中启用JS压缩的方法
所属栏目：[模式] 日期：2018-09-05 热度：179
IIS7中支持了对静态和动态文件的压缩功能，但是对于JS文件的压缩需要进行一些简单的设置。 先打开IIS管理，选择我要设置的站点，然后在右边的功能区找到MIME TYPES看看里面是否有.JS的选项，如果没有可以手功加上 有的话把.js的值设置成：application/x-ja[详细]
-
js判断浏览器类型,版本,附多个实例代码
所属栏目：[模式] 日期：2018-09-05 热度：122
你知道世界上有多少种浏览器吗？除了我们熟知的IE, Firefox , Opera , Safari 四大浏览器之外，世界上还有近百种浏览器。 在网站前端开发中，浏览器兼容性问题本已让我们手忙脚乱， Chrome 的出世不知道又要给我们添多少乱子。浏览器兼容性是前端开发框架[详细]
-
js获取日期：前天、昨天、今天、明天、后天
所属栏目：[模式] 日期：2018-09-05 热度：99
js获取日期：前天、昨天、今天、明天、后天、大后天的代码： 第一种方法： Copy to Clipboard 引用的内容：[www.veryhuo.com]html head meta http-equiv=Content-Type content=text/html; charset=gb2312 titlejs获取日期：前天、昨天、今天、明天、后天 -[详细]
-
IE onchange事件触发bug 与 解决教程
所属栏目：[模式] 日期：2018-09-05 热度：87
今天遇到了IE一个onchange事件的bug，此bug存在于IE所有的版本（6,7,8）不知道是不是bug，还是IE故意这样设计的？姑且不做评价，我们来看看IE onchange事件的重现过程： 给input等控件添加onchange事件，例如input的checkbox（radio等），在IE下点击选中，[详细]
-
通过 JSONP 实现完美跨域
所属栏目：[模式] 日期：2018-09-05 热度：177
以前我经常在博客说JSONP，例如我的 WordPress 天气插件就是通过JSONP来调用的天气数据，今天就说说通过JSONP实现跨域的应用~ 什么是JSONP JSONP即JSON with Padding。由于同源策略的限制，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源。如[详细]
-
关于 js 优化的一些经验
所属栏目：[模式] 日期：2018-09-04 热度：169
这些是我写代码时的一些经验，总结了一下分想给大家，没啥顺序，想到就写上了 1.使用局部变量避免使用全局变量 比如 改成 局部变量的好处就是减少了作用域链的查找 我建议要是有两次的引用就用局部变量 2.避免使用with（这个估计地球人都知道） 我理解原因[详细]
-
js获取当前页面URL详细地址的实现步骤
所属栏目：[模式] 日期：2018-09-04 热度：104
设置或获取对象指定的文件名或路径。 alert(window.location.pathname) 设置或获取整个 URL 为字符串。 alert(window.location.href); 设置或获取与 URL 关联的端口号码。 alert(window.location.port) 设置或获取 URL 的协议部分。 alert(window.location[详细]
-
location.href 与 location.search
所属栏目：[模式] 日期：2018-09-04 热度：187
window.location.href 返回完整的 URL。 如：http://www.test.com/test.php?p=1 window.location.search 返回 URL 中的 QueryString 部分，含?。 如：?p=1[详细]
-
数字与字符串之间的转换(.toString,parseInt,parseFloat)
所属栏目：[模式] 日期：2018-09-04 热度：181
1.数字转换为字符串 1.1 toString方法 (返回对象的字符串表示) var i = 012345; strI = i.toString(); 1.2 + var i = 012345; strI = i+; 2.字符串转换为数字 2.1parseInt方法 (返回由字符串转换得到的整数部分) parseInt(12.3abc)//得到12 2.2parseFloat[详细]
-
Ajax缓存的解决教程
所属栏目：[模式] 日期：2018-09-04 热度：120
最近做了个项目，用了挺多ajax，在firefox下没有出现缓存问题，但是IE下测试却有比较严重的ajax缓存，数据总是滞后，查了些资料，整理了下Ajax缓存解决办法。 1、在服务端加 header(Cache-Control: no-cache, must-revalidate); 2、在ajax发送请求前加上 a[详细]
-
Google Map API教程之如何自动缩放级别
所属栏目：[模式] 日期：2018-09-01 热度：62
最近花了两晚上的时间写了一个google地图的应用程序，采用了map api，weather api，localsearch api，我想的是有空写一些关于Google Map API的文章，今天就写一个关于自动缩放地图到合适级别的方法，这里说的自动缩放，指的是地图上已经加入了很多Gmarker[详细]
-
unsafeWindow无法调用GM_getValue和GM_setValue的问题
所属栏目：[模式] 日期：2018-09-01 热度：93
由于命名空间改变，unsafeWindow下无法调用GM_getValue和GM_setValue如下 //使用正常 GM_setValue(foo,true); GM_etValue(foo); //不能访问GM值的 $(#btnPost).click(function(){ GM_setValue(foo,true);//此时无法设置值 GM_etValue(foo);//这里也得不到[详细]
