评论 - lizhenqiu blog

#¹⁶⁷³

作者：北京市

凌晨四点钟看到海棠花未眠

文章：要在阳光灿烂的日子修屋顶，要在年轻力壮的时候生儿子发表时间：2017-04-27, 02:26:36

展开↯

#¹⁶⁷⁴

作者：北京市

把弯路走直的人是聪明的，他找到了捷径;把直路走弯的人是豁达的，他多看了几道风景。——人生总会有所收获

文章：要在阳光灿烂的日子修屋顶，要在年轻力壮的时候生儿子发表时间：2017-04-27, 02:25:41

展开↯

#¹⁶⁷⁵

作者：广西南宁市

jQuery文档加载完毕的几种写法
js中文档加载完毕。一般在body加一个onload事件或者window.onload = function () {}

<script>
var i=1;

//jQuery方式
$(document).ready(function(){
        var str=$("#tt").val()+'\r\n'+'$_A加载完毕'+i;
        $("#tt").val(str);
        i++;
    });

$(function(){
        var str=$("#tt").val()+'\r\n'+'$_B加载完毕'+i;
        $("#tt").val(str);
        i++;
    }) ;

$(function($) {
        var str=$("#tt").val()+'\r\n'+'$_C加载完毕'+i;
        $("#tt").val(str);
        i++;
});

$(window).load(function() {
        var str=$("#tt").val()+'\r\n'+'$_D加载完毕'+i;
        $("#tt").val(str);
        i++;
});

(function() {
        var str=$("#tt").val()+'\r\n'+'$_E加载完毕'+i;
        $("#tt").val(str);
        i++;
})(jQuery)

////////////////////jQuery与别名$可互通/////////////////////////////////
jQuery(document).ready(function(){
        var str=$("#tt").val()+'\r\n'+'jQuery_F加载完毕'+i;
        $("#tt").val(str);
        i++;
    });

jQuery(function() {
        var str=$("#tt").val()+'\r\n'+'jQuery_G加载完毕'+i;
        $("#tt").val(str);
        i++;
})
jQuery(function($) {
        var str=$("#tt").val()+'\r\n'+'jQuery_H加载完毕'+i;
        $("#tt").val(str);
        i++;
});

jQuery(window).load(function() {
        var str=$("#tt").val()+'\r\n'+'jQuery_I加载完毕'+i;
        $("#tt").val(str);
        i++;
});

//js方式
window.onload = function () {
        var str=document.getElementById("tt").value+'\r\n'+'js加载完毕'+i;;
        document.getElementById("tt").value=str;
        i++;
    };</scritp>

Run code

Cut to clipboard

注意顺序,没有按照我们上面的顺序出来的，那就是本身加载有先后。
D和I加载的是window，所以慢。

文章：常用html、demo代码发表时间：2017-04-26, 17:19:14

展开↯

#¹⁶⁷⁶

作者：广西南宁市

<script>
window.onload=function(){
layer.open({
title: '回车关闭测试'
,content: '我是内容'
,btn: ['确认','关闭']
,success: function(layero, index){
this.enterEsc = function(event){
if(event.keyCode === 13){
layer.close(index);
return false; //阻止系统默认回车事件
}
};
$(document).on('keydown', this.enterEsc);	//监听键盘事件，关闭层
}
,end: function(){
$(document).off('keydown', this.enterEsc);	//解除键盘关闭事件
}
});
}
</script>

Run code

Cut to clipboard

文章：常用html、demo代码发表时间：2017-04-26, 16:45:40

展开↯

#¹⁶⁷⁷

作者：广西南宁市

layer弹窗绑定回车关闭事件

layer.open({
  title: '回车关闭测试'
  ,content: '我是内容'
  ,btn: ['确认','关闭']
  ,success: function(layero, index){
    this.enterEsc = function(event){
      if(event.keyCode === 13){
        layer.close(index);
        return false; //阻止系统默认回车事件
      }
    };
    $(document).on('keydown', this.enterEsc);	//监听键盘事件，关闭层
  }
  ,end: function(){
    $(document).off('keydown', this.enterEsc);	//解除键盘关闭事件
  }
});

Run code

Cut to clipboard

文章：常用html、demo代码发表时间：2017-04-26, 16:44:38

展开↯

#¹⁶⁷⁸

作者：广西南宁市

Js数组分页



<ul id="biuuu_city_list"></ul>

<div id="biuuu_city"></div>



<script src="laypage/laypage.js"></script>
<script>

//测试数据
var data = [
    '北京',
    '上海',
    '广州',
    '深圳',
    '杭州',
    '长沙',
    '合肥',
    '宁夏',
    '成都',
    '西安',
    '南昌',
    '上饶',
    '沈阳',
    '济南',
    '厦门',
    '福州',
    '九江',
    '宜春',
    '赣州',
    '宁波',
    '绍兴',
    '无锡',
    '苏州',
    '徐州',
    '东莞',
    '佛山',
    '中山',
    '成都',
    '武汉',
    '青岛',
    '天津',
    '重庆',
    '南京',
    '九江',
    '香港',
    '澳门',
    '台北'
];

var nums = 5; //每页出现的数量
var pages = Math.ceil(data.length/nums); //得到总页数

var thisDate = function(curr){
    //此处只是演示，实际场景通常是返回已经当前页已经分组好的数据
    var str = '', last = curr*nums - 1;
    last = last >= data.length ? (data.length-1) : last;
    for(var i = (curr*nums - nums); i <= last; i++){
        str += '<li>'+ data[i] +'</li>';
    }
    return str;
};

//调用分页
laypage({
    cont: 'biuuu_city',
    pages: pages,
    jump: function(obj){
        document.getElementById('biuuu_city_list').innerHTML = thisDate(obj.curr);
    }
})
</script>

Run code

Cut to clipboard

文章：简单的分页代码js实现发表时间：2017-04-26, 16:44:08

展开↯

#¹⁶⁷⁹

作者：广西南宁市

layPage多功能js分页组件

文章：简单的分页代码js实现发表时间：2017-04-26, 16:43:05

展开↯

#¹⁶⁸⁰

作者：广西南宁市

页面一打开就执行layer.open/alert/msg时，为何有时大有时小？
layer.ready(callback) - 初始化就绪
由于我们的layer内置了轻量级加载器，所以你根本不需要单独引入css等文件。但是加载总是需要过程的。当你在页面一打开就要执行弹层时，你最好是将弹层放入ready方法中，如：

//页面一打开就执行弹层
layer.ready(function(){
  layer.msg('很高兴一开场就见到你');
});

Run code

Cut to clipboard

文章：常用html、demo代码发表时间：2017-04-26, 16:19:01

展开↯

#¹⁶⁸¹

作者：广西南宁市

layer弹窗提示层弹框出现在底部或者bug问题样式错乱等
加上定义高宽度就可以了

layer.msg('留言内容',{time:1000,shift:6, offset:['50%','44%'],}

    area:['300px','150px'],
      offset:['300px','44%'],

Run code

Cut to clipboard

文章：常用html、demo代码发表时间：2017-04-26, 15:21:27

展开↯

#¹⁶⁸²

作者：广西南宁市

function getCookie(cookie_name)
{
    var allcookies = document.cookie;
    var cookie_pos = allcookies.indexOf(cookie_name);   //索引的长度
 
    // 如果找到了索引，就代表cookie存在，
    // 反之，就说明不存在。
    if (cookie_pos != -1)
    {
        // 把cookie_pos放在值的开始，只要给值加1即可。
        cookie_pos += cookie_name.length + 1;      //这里容易出问题，所以请大家参考的时候自己好好研究一下
        var cookie_end = allcookies.indexOf(";", cookie_pos);
 
        if (cookie_end == -1)
        {
            cookie_end = allcookies.length;
        }
 
        var value = unescape(allcookies.substring(cookie_pos, cookie_end));         //这里就可以得到你想要的cookie的值了。。。
    }
    return value;
}

Run code

Cut to clipboard

你获取cookie的方法有问题，用这个吧

文章：PHP中的cookie不用刷新就生效的方法发表时间：2017-04-26, 15:08:55

展开↯

#¹⁶⁸³

作者：广西南宁市

PHP的COOKIE第一次只是创建了这个COOKIE，再次刷新页面后才能使用这个值。

setcookie($var, $value, $time, $path, $domain, $s); //假设COOKIE名称为$var，值为$value
COOKIE[$var] = $value;

Run code

Cut to clipboard

先用setcookie函数创建COOKIE；然后再对COOKIE进行赋值操作。
这样就不用再次刷新，直接就可以获得cookie的值了。
也就是对cookie进行了两次赋值

文章：PHP中的cookie不用刷新就生效的方法发表时间：2017-04-26, 15:07:57

展开↯

#¹⁶⁸⁴

作者：广西南宁市

$_COOKIE[$var] = $value;
setcookie($var, $value, $time, $path, $domain, $s);

Run code

Cut to clipboard

也就是对cookie一次进行了两次赋值

文章：PHP中的cookie不用刷新就生效的方法发表时间：2017-04-26, 15:06:47

展开↯

#¹⁶⁸⁵

作者：广西南宁市

你给cookie设定一个有效时间试试

文章：PHP中的cookie不用刷新就生效的方法发表时间：2017-04-26, 15:04:00

展开↯

#¹⁶⁸⁶

作者：广西南宁市

确实是， JS 也是这样。放心吧。

文章：PHP中的cookie不用刷新就生效的方法发表时间：2017-04-26, 15:03:44

展开↯

#¹⁶⁸⁷

作者：广西南宁市

【JavaScript】一个简单的分页，显示页首，中间页，页尾，当前页的前后三页，省略其它页
有时候，比如共100页，并不一定要仅提供页首、页尾按钮，然后10页10页显示，
显示页首，中间页，页尾，当前页的前后三页，省略其它页也是一种不错的选择。
比如如下的分页：

首先，页面布局很简单，两个行内文本，一个显示当前的页数，与设定一个总页数。这里假定总页数共40页。
然后，用一个id="pagingDiv"的div放置分页链接。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>分页</title>
    </head>
    <body>
	第<span id="pagingText"></span>页，共<span id="total">40</span>页
    	<div id="pagingDiv"></div>
    </body>
</html>

Run code

Cut to clipboard

关键是如下的脚本。

<script>
	//首先获取当前的总页数，一般是后台传递过来的，这里假定40页。
    var total = document.getElementById("total").innerHTML;
	//id="pagingDiv"的div通过pagingConstruct函数构造，比如加载网页是第1页的
    pagingConstruct(1);
	//形式参数paging是指当前页
    function pagingConstruct(paging){
		//先更新一下行内文本
        document.getElementById("pagingText").innerHTML = paging;
        var pagingDivInnerHTML = "";
		//这里是加载省略号的flag
        var isHiddenExist = 0;
		//从第1页读到第40页。
        for (var i = 1; i <= total; i++) {
			//如果读到当前页，就仅仅加载一个文本，不放链接
            if (i == paging) {
                pagingDivInnerHTML += i + " ";
            }
            else {
				//如果是页首，中间页，页尾，当前页的前后三页则不省略。
                if (i < 4 || i < (paging + 3) && i > (paging - 3) || i > (total / 2 - 2) && i < (total / 2 + 2) || i > (total - 3)) {
                    pagingDivInnerHTML += "<a href='javascript:void(0)' onclick='pagingConstruct(" + i + ")'>" + i + "</a> ";
                    isHiddenExist = 0;
                }
				//否则就构造...
                else {
                    if (isHiddenExist == 0) {
                        pagingDivInnerHTML += "...";
                        isHiddenExist = 1;
                    }
                }
            }
        }
		//把构造的内容放上去pagingDiv
        document.getElementById("pagingDiv").innerHTML = pagingDivInnerHTML;
    }
</script>

Run code

Cut to clipboard

这个isHiddenExist的意思，是如果构造了一次...点点点，就不要再构造了。当你遇到不省略的内容之后，再构造...

文章：简单的分页代码js实现发表时间：2017-04-26, 14:43:54

展开↯

#¹⁶⁸⁸

作者：广西南宁市

百度做不好社交和电商，阿里做不好搜索和社交，腾讯做不好电商与搜索！

文章：程序员编程常用网页工具集[游戏] 发表时间：2017-04-26, 10:15:35

展开↯

#¹⁶⁸⁹

作者：广西南宁市

文章：成功的故事只能倒叙着讲发表时间：2017-04-26, 02:09:44

展开↯

#¹⁶⁹⁰

作者：广西南宁市

文章：街上如果看到两个姑娘向你走来，可要小心发表时间：2017-04-26, 01:07:15

展开↯

#¹⁶⁹¹

作者：广西南宁市

浏览器屏幕前端截图截屏js项目php拓展phantomjs-2.1.1-windows

文章：php结合phantomjs实现网页全屏截图发表时间：2017-04-25, 18:12:08

展开↯

Records:2794 89/148 «‹85 86 87 88 89 90 91 92 93 ›»