#1673
展开↯#1674
展开↯#1676
作者:北京市
把弯路走直的人是聪明的,他找到了捷径;把直路走弯的人是豁达的,他多看了几道风景。——人生总会有所收获
文章:要在阳光灿烂的日子修屋顶,要在年轻力壮的时候生儿子 发表时间:2017-04-27, 02:25:41
#1677
作者:广西南宁市
jQuery文档加载完毕的几种写法
js中文档加载完毕。一般在body加一个onload事件或者window.onload = function () {}
注意顺序,没有按照我们上面的顺序出来的,那就是本身加载有先后。
D和I加载的是window,所以慢。
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
#1678
作者:广西南宁市
<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
#1679
作者:广西南宁市
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
#1680
作者:广西南宁市
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
#1682
作者:广西南宁市
页面一打开就执行layer.open/alert/msg时,为何有时大有时小?
layer.ready(callback) - 初始化就绪
由于我们的layer内置了轻量级加载器,所以你根本不需要单独引入css等文件。但是加载总是需要过程的。当你在页面一打开就要执行弹层时,你最好是将弹层放入ready方法中,如:
layer.ready(callback) - 初始化就绪
由于我们的layer内置了轻量级加载器,所以你根本不需要单独引入css等文件。但是加载总是需要过程的。当你在页面一打开就要执行弹层时,你最好是将弹层放入ready方法中,如:
//页面一打开就执行弹层
layer.ready(function(){
layer.msg('很高兴一开场就见到你');
});Run code
Cut to clipboard
文章:常用html、demo代码 发表时间:2017-04-26, 16:19:01
#1683
作者:广西南宁市
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
#1684
作者:广西南宁市
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
#1685
作者:广西南宁市
PHP的COOKIE第一次只是创建了这个COOKIE,再次刷新页面后才能使用这个值。
先用setcookie函数创建COOKIE;然后再对COOKIE进行赋值操作。
这样就不用再次刷新,直接就可以获得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
#1686
作者:广西南宁市
$_COOKIE[$var] = $value;
setcookie($var, $value, $time, $path, $domain, $s);Run code
Cut to clipboard
也就是对cookie一次进行了两次赋值
文章:PHP中的cookie不用刷新就生效的方法 发表时间:2017-04-26, 15:06:47
#1689
作者:广西南宁市
【JavaScript】一个简单的分页,显示页首,中间页,页尾,当前页的前后三页,省略其它页
有时候,比如共100页,并不一定要仅提供页首、页尾按钮,然后10页10页显示,
显示页首,中间页,页尾,当前页的前后三页,省略其它页也是一种不错的选择。
比如如下的分页:

首先,页面布局很简单,两个行内文本,一个显示当前的页数,与设定一个总页数。这里假定总页数共40页。
然后,用一个id="pagingDiv"的div放置分页链接。
关键是如下的脚本。
这个isHiddenExist的意思,是如果构造了一次...点点点,就不要再构造了。当你遇到不省略的内容之后,再构造...
有时候,比如共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
像蘸满鲜血的秃笔,讨伐我瘦弱的文字。