主要代码:

String.prototype.removeRepeats = function () {
    var str = this;
    while (str.match(/(.).*?\1/g) != null) str = str.replace(RegExp.$1, "");
    return str;
}

利用While循环和正则表达式查找字符串中相同的字符并删除该字符

看演示:http://demo.joyfulboy.cn/js/string/string-removeRepeats.html

GET和POST两种方法都是将客户端数据发送到服务器

HTTP标准认为,POST是用于创建或修改资源,资源的内容会被编录到HTTP请求的内容中。例如:我们要在数据库中插入新的数据或者编辑某一条数据。GET则是用于查询资源。例如:搜索引擎,我们要在数据库中查询一条或多条数据。一个实际的问题,使用GET方法时可能会产生很长的URL,或许会超过某些浏览器与服务器对URL长度的限制,此时则用POST方法。

当请求的URL与收集的数据及HTML表单内输入的字段名称的总长度不超过1024个字符且请求是为了查找资源,HTML表单数据仅用来帮助查找时则用GET方法。

当使用GET方法时表单收集到的数据可能让URL过长或请求是为了创建或修改资源时则使用POST方法。

当页面未声明DTD标准的时候,IE核心浏览器会把块元素的padding和border-width的值算做width之内,无论padding和border- width的值设置多少总宽度都是width的值(总宽度 = width)。非IE核心浏览器会把块元素的padding和border-width的值算做width之外(总宽度 = width + padding + border-width)。

看演示:http://demo.joyfulboy.cn/html/ie_Box.html

JSONP是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问(这仅仅是JSONP简单的实现形式)。

想要使用JSONP进行跨域访问,必须服务器端支持。其实JSONP早已存在了,只是说法比较新颖,我们在实际应用中也肯定用过。来看个例子:

jsonp.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>jsonp</title>
    <script type="text/javascript">
        function callback(data) {
            alert(data);
        }
    </script>
    <script type="text/javascript" src="jsonp.js"></script>
</head>
<body>
</body>
</html>

阅读全文»

[singlepic id=41 w=320 h=240 float=none]

毕业三年,兄弟姐妹们终有一次聚会,虽说天气炎热,但挡不住我们的喜悦之情。兄弟姐妹们毕业后就各奔前程,至此有成家立业的,有已订婚的,还有挂单的。虽如此,可是人没变,性格没变,友情没变,所有都没变。至此,愿兄弟姐妹们铭记此刻,永远快乐!进入世界公园游相册

阅读全文»

演示地址:http://demo.joyfulboy.cn/js/imagesLazyLoad/index.html

请用 chrome 浏览器打开以下网站

Google Gravity

http://mrdoob.com/projects/chromeexperiments/google_gravity/

BallDropping

http://balldroppings.com/js/

Animated Harmonograph

http://hernan.amiune.com/labs/harmonograph/animated-harmonograph.html

Canopy

http://onecm.com/projects/canopy/

阅读全文»

本文章不断更新中…

1. firefox、safari、chrome、opera 四款浏览器 script 标签的 src 地址文件不存在时不会触发此 script 标签的 load 事件。opera 浏览器的 script 标签的 src 地址文件是一个空文件(0字节)的话会当作文件不存在来处理,也不会触发此 script 标签的 load 事件。IE浏览器无上述情况。

2. opera 浏览器下文本框设置背景图片的同时设置背景颜色,背景图片失效,只会显示背景颜色,不设置背景颜色情况下会显示背景图片。

阅读全文»

1. javascript编程语句

javascript程序是由若干语句组成的,语句是编写程序的指令。javascript提供了完整的基本编程语句:

1、条件语句

在您编写代码时,经常需要根据不同的条件完成不同的行为。可以在代码中使用条件语句来完成这个任务。

在 javascript 中,我们可以使用下面几种条件语句:

if  语句

在一个指定的条件成立时执行代码。实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_ifthen

if (条件)
{
条件成立时执行代码
}

if…else 语句

在指定的条件成立时执行代码,当条件不成立时执行另外的代码。实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_ifthenelse

if (条件)
{
条件成立时执行此代码
}
else
{
条件不成立时执行此代码
}

阅读全文»

jLoader 引用地址:http://code.joyfulboy.cn/js/jloader/1.1.1/jloader.js 使用方法:

<script type="text/javascript">

 var loader = jLoader.create();
 //创建 jLoader 对象;

 loader.deps = {
     "http://code.joyfulboy.cn/js/prototype-extend/1.0.0/prototype-extend.js": ["http://code.joyfulboy.cn/js/prototype/1.6.1/prototype-1.6.1.js"]
 }
 //设置文件加载管理器,控制文件加载顺序;

 loader.load("http://code.joyfulboy.cn/js/prototype-extend/1.0.0/prototype-extend.js", function(paths, head) {
     alert(paths);
 });
 //载入外部JS并执行函数;

</script>

jLoader.deps是一个对象,控制文件加载顺序。几个例子说明:

jLoader.deps = { "1.js": ["2.js", "3.js"] }

jLoader.load("1.js");

当利用load方法载入1.js时系统会先载入2.js和3.js后才会载入1.js。

演示:http://demo.joyfulboy.cn/js/jloader/1.1.1/