日星网
搜索

记录日常点点滴滴，欢迎来到我的小站。

0%

发表于 更新于 分类于

在日常工作中，经常使用javascript来跳转网页，到指定的页面。
通过总结多年的Javascript使用经验，总结出以下5种方法。以供大家参考

第一种：

1
2
3
<script language="javascript" type="text/javascript">
           window.location.href="login.jsp?backurl="+window.location.href;
    </script>
阅读全文 »

发表于 更新于 分类于

用过jQuery的scroll事件的人都知道，在每次拖动滚动条的时候会相应的事件会相应多次，而在大多数情况下我们都只希望它在滚动条停止滚动的时候响应。经过多次测试，终于发现了一个比较好的解决方案，那就是通过setTimeout，给scroll加个延迟。例如用jQuery为页面加入 scroll事件，可以这样写：

1
2
3
4
5
6
7
var timeout = false;   
$(window).scroll(function(){   
    if (timeout){clearTimeout(timeout);}   
    timeout = setTimeout(function(){   
        //do   
    },100);   
);

发表于 更新于 分类于

方法一

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript"> 
if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){ 
        if(window.location.href.indexOf("?mobile")<0){ 
                try{ 
                        if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){ 
                                window.location.href="手机页面"; 
                                alert('mobile');
                        }else if(/iPad/i.test(navigator.userAgent)){ 
                                window.location.href="平板页面"; 
                                alert('ipad');
                        }else{ 
                                window.location.href="其他移动端页面" 
                                alert('no');
                        } 
                }
                catch(e){} 
        }
}else{
        alert('PC');        
}
</script>
阅读全文 »

发表于 更新于 分类于

方法一：用触发手机的横屏和竖屏之间的切换的事件

1
2
3
4
window.addEventListener("orientationchange", function() {
// 宣布新方向的数值
alert(window.orientation);
}, false);

方法二：监听调整大小的改变

1
2
3
window.addEventListener("resize", function() {
// 得到屏幕尺寸 (内部/外部宽度，内部/外部高度)  
}, false);
阅读全文 »

发表于 更新于 分类于

如何实现刷新当前页面呢？借助js你将无所不能。

1，reload 方法，该方法强迫浏览器刷新当前页面。
语法：location.reload([bForceGet])
参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”)

2，replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL。
语法： location.replace(URL)
通常使用： location.reload() 或者是 history.go(0) 来做。
此方法类似客户端点F5刷新页面，所以页面method=”post”时，会出现”网页过期”的提示。
因为Session的安全保护机制。
当调用 location.reload() 方法时， aspx页面此时在服务端内存里已经存在， 因此必定是 IsPostback 的。
如果有这种应用： 需要重新加载该页面，也就是说期望页面能够在服务端重新被创建，期望是 Not IsPostback 的。
这里，location.replace() 就可以完成此任务。被replace的页面每次都在服务端重新生成。
代码： location.replace(location.href);

阅读全文 »

发表于 更新于 分类于

jquery中使用load加载外部html文件，不执行JavaScript的解决办法
最近自己在写jquery的扩展插件

遇到个问题就是，使用load加载外部的html文件，但是加载了想要加载的内容之后，发现JavaScript不执行，并没有加载进来，上网看了看解决办法

找到答案如下

load加载的外部文件会把Script部分删除掉

所以推荐使用$.get来异步加载外部页面，具体代码如下

1
2
3
4
5
6
$.get('partial.html', function(result){
    $result = $(result);

    $result.find('#content').appendTo('#new_content');
    $result.find('script').appendTo('#new_content');
}, 'html');

发表于 更新于 分类于

利用jQuery对对象进行排序。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
  <head>
    <title>jQuery数组和字符串--对象数组排序</title>
    <script type="text/javascript" src="../jquery-1.3.2.min.js"></script>

    <script type="text/javascript">

    <!--
    $(
        function()
        {
            var students =[
                {'sid':'ST001','sname':'张三','sage':18},
                {'sid':'ST004','sname':'赵六','sage':23},
                {'sid':'ST002','sname':'李四','sage':42},
                {'sid':'ST003','sname':'王五','sage':35}
            ];
            //表格显示
            $.each(students,
                function(index, value)
                {
                    $('#ia').append('<tr><td>' + value.sid +
                        '</td><td>' + value.sname +
                        '</td><td>' + value.sage + '</td></tr>');
                }
            );
            //按照SID排序
            var sidOrder = students.sort(
                function(a, b)
                {
                    if(a.sid < b.sid) return -1;
                    if(a.sid > b.sid) return 1;
                    return 0;
                }
            );
            $.each(sidOrder,
                function(index, value)
                {
                    $('#ib').append('<tr><td>' + value.sid +
                        '</td><td>' + value.sname +
                        '</td><td>' + value.sage + '</td></tr>')
                }
            );
            //按照SAGE排序
            var sageOrder = students.sort(
                function(a, b)
                {
                    return (a.sage - b.sage);
                }
            );
            $.each(sageOrder,
                function(index, value)
                {
                    $('#ic').append('<tr><td>' + value.sid +
                        '</td><td>' + value.sname +
                        '</td><td>' + value.sage + '</td></tr>')
                }
            );
        }
    );
    //-->
    </script>
  </head>
  <body>
    <h5>未排序对象数组：</h5>
    <table id='ia' border="1"></table>

    <h5>按照SID排序对象数组：</h5>
    <table id='ib' border="1"></table>

    <h5>按照SAGE排序对象数组：</h5>
    <table id='ic' border="1"></table>

  </body>
</html>

发表于 更新于 分类于

使用jquery从后台获取JSON数据，显示

知识点：

  1. 使用了require JS 框架

  2. 用Jquery的两种方法获取后台数据

1）ajax 方法，传回的都是json数据

2）getJSON, 直接封装了一些参数{command : GetRegsiterJsonData}

阅读全文 »

发表于 更新于 分类于

最近做的项目好不容易生成了自己的JSON文件， 放在服务器上提示

1
XMLHttpRequest cannot load http://www.ttwinbug.com/XXXX.json No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1' is therefore not allowed access.
阅读全文 »

发表于 更新于 分类于

pop 方法

移除数组中的最后一个元素并返回该元素。
arrayObj.pop( )
必选的 arrayObj 引用是一个 Array 对象。
说明
如果该数组为空，那么将返回 undefined。

shift 方法

移除数组中的第一个元素并返回该元素。
arrayObj.shift( )
必选的 arrayObj 引用是一个 Array 对象。
说明
shift 方法可移除数组中的第一个元素并返回该元素。
Java代码 

1
2
3
4
var arr = new Array(0,1,2,3,4);  
var remove = arr.pop();  
alert(remove);   
alert(arr.length);
阅读全文 »