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>

阅读全文»

演示地址: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/

利用IE6滤镜,使PNG图片背景透明,只需将演示页面源代码中头部的javascript代码引入您自己的页面头部即可。

注意:引入javascript代码到页面头部以后,页面上所有img标签的png图片背景都会透明。

演示页面:http://demo.joyfulboy.cn/js/correctpng/correctPNG.html

1. javascript语句

javascript是由浏览器执行的语句序列

javascript语句发送给浏览器命令,浏览器接收命令来做相应的事情。

alert(“我是警告框内容”);

这条javascript语句是告诉浏览器弹出一个警告框。

通常每一条语句我们都会用“;”分号结束,这是一个好的编程习惯。通过分号我们还可以在一行中写上多条语句。

javascript代码就是很多条javascript语句集合。以下是多条语句的演示实例:

<script type=”text/javascript”>

alert(“执行第一条语句”);

alert(“执行第二条语句”);

alert(“执行第三条语句”);

</script>

更详细的介绍请参见网址:http://www.w3school.com.cn/js/js_statements.asp

阅读全文»