使用lazyload实现页面缓载

主要是想结合Jquery实现未在屏幕显示区域外的网页,

暂时只加载一张空白图片的效果。

需要用到jquery.js以及相关lazyload处理代码。(这个网上真有)

在页面head处加载完成以上js文件后,

在页面适当处填写页面缓载js代码如下:

$(“.img1 img”).lazyload(
{
placeholder : “空白图片路径”,
effect: “缓载时图片显示效果”,
threshold : 300 //延伸缓载高度300
});

另外$(“.img1 img”)处,这样写是可以指定只有class名为img1下的img才做页面缓载。

当然id等也可以按照jQuery规则使用。

JS技巧应用——之菜鸟排错篇

俗话说:一分钱难倒英雄汉。这句说用到这里太恰当不过了。这天就把我难倒了。请看如下代码:
<script type=”text/javascript”>
function  check()
{
if(document.getElementById(“todayComment1″).length>”10”)
{
alert(123);
document.getElementById(“duty”).innerHTML=”<font>超出十位</font>”;
return false;
}
}
</script>
对于我这位涉世未深的凡人,左看右看的。都没查出毛病,但就是用不了。我相信,但凡神仙都能一眼看出。在这里感谢昴日星官、降龙罗汉和众神仙的技术支持。下面介绍下查错的技巧。
如果看不出哪里错误。请用”alert(***);”来帮助,用它来查看程序‘走’到哪里,来应对错误,以至解决。这段程序是错在.length>”10″),只是求长度大于10,但没有声明什么长度,应该是value.length>”10″ 。众神看出来没。
最后说句题外话。用EditPlus编码时,两个窗口切换快捷快是F12。

AJAX学习笔记

一、json_encode()
该函数主要用来将数组和对象,转换为json格式。先看一个数组转换的例子:
  $arr = array (“a”=>1,”b”=>2,”c”=>3,”d”=>4,”e”=>5);
  echo json_encode($arr);
结果为
  {“a”:1,”b”:2,”c”:3,”d”:4,”e”:5}
再看一个对象转换的例子:
  $obj->body = “another post”;
  $obj->id = 21;
  $obj->approved = true;
  $obj->favorite_count = 1;
  $obj->status = NULL;
  echo json_encode($obj);
结果为
  {
    ”body”:”another post”,
    ”id”:21,
    ”approved”:true,
    ”favorite_count”:1,
    ”status”:null
  }
由于json只接受utf-8编码的字符,所以json_encode()的参数必须是utf-8编码,否则会得到空字符或者null。当中文使用GB2312编码,或者外文使用ISO-8859-1编码的时候,这一点要特别注意。
二、索引数组和关联数组
PHP支持两种数组,一种是只保存”值”(value)的索引数组(indexed array),另一种是保存”名值对”(name/value)的关联数组(associative array)。
由于javascript不支持关联数组,所以json_encode()只将索引数组(indexed array)转为数组格式,而将关联数组(associative array)转为对象格式。
比如,现在有一个索引数组
  $arr = Array(“one”, “two”, “three”);
  echo json_encode($arr);
结果为:
  [“one”,”two”,”three”]
如果将它改为关联数组:
  $arr = Array(“1″=>”one”, “2”=>”two”, “3”=>”three”);
  echo json_encode($arr);
结果就变了:
  {“1″:”one”,”2″:”two”,”3″:”three”}
注意,数据格式从”[]”(数组)变成了”{}”(对象)。
如果你需要将”索引数组”强制转化成”对象”,可以这样写
json_encode( (object)$arr );
或者
json_encode ( $arr, JSON_FORCE_OBJECT );
三、类(class)的转换
下面是一个PHP的类:
class Foo {
    const ERROR_CODE = “404”;
    public $public_ex = “this is public”;
    private $private_ex = “this is private!”;
    protected $protected_ex = “this should be protected”;
    public function getErrorCode() {
      return self::ERROR_CODE;
    }
  }
现在,对这个类的实例进行json转换:
$foo = new Foo;
$foo_json = json_encode($foo);
echo $foo_json;
输出结果是
{“public_ex”:”this is public”}
可以看到,除了公开变量(public),其他东西(常量、私有变量、方法等等)都遗失了。
四、json_decode()
该函数用于将json文本转换为相应的PHP数据结构。下面是一个例子:
$json = “{“foo”: 12345}”;
$obj = json_decode($json);
print $obj->{“foo”}; // 12345
通常情况下,json_decode()总是返回一个PHP对象,而不是数组。比如:
$json = “{“a”:1,”b”:2,”c”:3,”d”:4,”e”:5}”;
var_dump(json_decode($json));
结果就是生成一个PHP对象:
object(stdClass)#1 (5) {
    [“a”] => int(1)
    [“b”] => int(2)
    [“c”] => int(3)
    [“d”] => int(4)
    [“e”] => int(5)
  }
如果想要强制生成PHP关联数组,json_decode()需要加一个参数true:
$json = “{“a”:1,”b”:2,”c”:3,”d”:4,”e”:5}”;
var_dump(json_decode($json),true);
结果就生成了一个关联数组:
array(5) {

     [“a”] => int(1)
     [“b”] => int(2)
     [“c”] => int(3)
     [“d”] => int(4)
     [“e”] => int(5)
  }
五、json_decode()的常见错误
下面三种json写法都是错的,你能看出错在哪里吗?
$bad_json = “{ “bar”: “baz” }”;
$bad_json = “{ bar: “baz” }”;
$bad_json = “{ “bar”: “baz”, }”;
对这三个字符串执行json_decode()都将返回null,并且报错。
第一个的错误是,json的分隔符(delimiter)只允许使用双引号,不能使用单引号。第二个的错误是,json名值对的”名”(冒号左边的部分),任何情况下都必须使用双引号。第三个的错误是,最后一个值之后不能添加逗号(trailing comma)。
另外,json只能用来表示对象(object)和数组(array),如果对一个字符串或数值使用json_decode(),将会返回null。
var_dump(json_decode(“Hello World”)); //null
六、应用举例
1.PHP代码
$result = $_POST;
echo json_encode($result);
1.JS代码
$.ajax({
    url: “**.php”,
    type: “POST”,
    data:{
     company_id        :”数据1″,
     statement_year :”数据2″   },
    dataType: “json”,
    error: function(){alert(“PHP文件读取失败”);},
    success: function(result){
         alert(result.company_id);//会显示“数据1”
         }
  });

checkbox的全选,反选,删除

<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<script type=”text/javascript”>

//单项删除时的ONCLICK
function dropGet()
{
var f = confirm(“确认删除选定记录?”);
if(f)
{
return true;
}
else
{
return false;
}
}
function confirmDrop()
{
var d = false;
var items = document.getElementsByName(“a[]”);
//多项删除时,判断checkbox是否有选中项
for(var i = 0;i<items.length;i )
{
if(items[i].checked)
{
d = true;
}
}
//如果有选中项
if(d)
{
//确认删除对话框
dropGet()
}
//如果没有选中项
else
{
alert(“请选择要删除的费用记录”);
return false;
}
}
//全选
function checkedAll()
{
var items = document.getElementsByName(“a[]”);
for(var i = 0;i<items.length;i )
{
items[i].checked = true;
}
}
//反选
function checkedRev()
{
var items = document.getElementsByName(“a[]”);
for(var i = 0;i<items.length;i )
{
items[i].checked = !items[i].checked ;
}
}

</script>
</head>
<body>
<form name = “form1” id = “form1” onsubmit = “confirmDrop()”>
<input type = “checkbox” name = “a[]” id = “a” value = “1”>
<input type = “checkbox” name = “a[]” id = “a” value = “2”>
<input type = “checkbox” name = “a[]” id = “a” value = “3”>
<input type = “checkbox” name = “a[]” id = “a” value = “4”>
<input type = “checkbox” name = “a[]” id = “a” value = “5”>
<input type = “checkbox” name = “a[]” id = “a” value = “6”>
<input type = “button” onclick = “checkedAll()” value = “全选”>
<input type = “button”onclick = “checkedRev()” value = “反选”>
<input type = “submit” value = “删除”>
</form>
</body>
</html>

用document.getElementsByName()获得所有的checkbox需要每一个checkbox的名字都相同,但这会使PHP中$_POST[]接受到的checkbox值相互替换,只保存到最后一个。

解决的办法是在name后家上[] 如name = “a[]”,这样会使$_POST[“a”]作为一个数组,读取时只需要遍历$_POST[“a”]就可以了。

关于 checkbox的资料可以参考http://www.111cn.net/tags.php/checkbox

12