法纳尔森林里的古老月桂树,马德拉群岛,葡萄牙 (© Lukas Jonaitis/Shutterstock)

Welcom to 评论 - lizhenqiu blog!

    #1103

    作者:广西南宁市
    将click换成touchstart(在移动端基本都用吧)
    <script> $(document).on("touchstart",function(){console.log(‘22222‘)}) </script>
    Run code
    Cut to clipboard
      文章:on click事件在移动端点击无效bug  发表时间:2017-08-10, 10:43:32  
      展开↯

      #1104

      作者:广西南宁市
      JS 如何获取和监听屏幕方向的改变?
      大概写一下:
      方法一:用触发手机的横屏和竖屏之间的切换的事件
      window.addEventListener("orientationchange", function() { // 宣布新方向的数值 alert(window.orientation); }, false);
      Run code
      Cut to clipboard

        方法二:监听调整大小的改变
        window.addEventListener("resize", function() { // 得到屏幕尺寸 (内部/外部宽度,内部/外部高度) }, false);
        Run code
        Cut to clipboard

          css判断横竖屏幕
          @media screen and (orientation:portrait) { /* portrait-specific styles */ } /* landscape */ @media screen and (orientation:landscape) { /* landscape-specific styles */ }
          Run code
          Cut to clipboard

            本地window.matchMedia方法允许实时媒体查询。我们可以利用以上媒体查询找到我们是处于直立或水平视角:
            var mql = window.matchMedia("(orientation: portrait)"); // 如果有匹配,则我们处于垂直视角 if(mql.matches) { // 直立方向 alert("1") } else { //水平方向 alert("2") } // 添加一个媒体查询改变监听者 mql.addListener(function(m) { if(m.matches) { // 改变到直立方向 document.getElementById("test").innerHTML="改变到直立方向"; } else { document.getElementById("test").innerHTML="改变到水平方向"; // 改变到水平方向 } });
            Run code
            Cut to clipboard
              文章:$(window) $(document) 区别  发表时间:2017-08-10, 10:35:46  
              展开↯

              #1105

              作者:广西南宁市
              用JS或者jQuery可以监听浏览器窗口的变化吗 5
              我要的效果是这样的:当浏览器窗口大小变化时(缩小或者放大浏览器窗口),能够实时获取当前浏览器窗口的宽度和高度。我说的实时指不用刷新当前页面,当浏览器窗口大小改变时就触发事件。
              试试resize事件
              $(window).resize(function() { var width = $(this).width(); var height = $(this).height(); });
              Run code
              Cut to clipboard
                不过resize事件好像对框架不起作用
                #,广西南宁市,2017-08-10,10:34:25, 方法一:在标签上加入 onLoad="" onResize="" 方法 写上对应的方法即可
                方法二:window.onresize=function(){///.....} 在方法里面写上对应的代码即可
                着两种方法基本都可以解决你的问题了
                文章:$(window) $(document) 区别  发表时间:2017-08-10, 10:33:47  
                展开↯

                #1106

                作者:广西南宁市
                $(document).ready()于$(window).load()的区别。
                1.执行时间不同:
                从字面的意思上理解,$(document).ready()就是文档准备好了。也就是浏览器已经解析完整个html文档,dom树已经建立起来了,这时就可以通过class属性或者id属性等等对dom进行操作等。而$(window).load()就是整个页面已经加载完毕。与前者的区别是dom树虽然已经建立起来了,但页面不一定加载完毕,如一些大的图片等,加载完成就需要一定的时间;但是页面加载完毕后,dom肯定也就建立起来了;但是有些文字或者图片链接等需要在文档加载完毕前,dom树建立后就进行的,这时就要用到$(document).ready()了。
                2.可以被执行的次数不同:
                $(document).ready()可以在JavaScript代码中出现多次,并且里面的函数或者代码都可以得到执行;而$(window).load()只能在JavaScript代码中出现一次,如果有多个$(window).load(),那么只有最后一个$(window).load()里面的函数或者代码才会执行,之前的$(window).load()都将被覆盖;
                <script> $(document).ready(function(){ alert("test1");//这段代码会被执行 }); $(document).ready(function(){ alert("test2");//这段代码会被执行 }); $(window).load(function(){ alert("test1");//这段代码不会被执行 }); $(window).load(function(){ alert("test2");//这段代码将被执行 }); </script>
                Run code
                Cut to clipboard
                  3.执行的效率不同:
                  如要在dom的元素节点中添加onclick属性节点,这时用$(document).ready()就要比用$(window).load()的效率高;但是在某些时候还必须得用$(window).load()才行,如之前写的app下载,如果要关闭这个下载框,则必须要在整个下载框加载完毕后,才能点击关闭图标,对app下载框执行隐藏。
                  <script> $(document).ready(function(){ $(".the_body a").attr("onclick","alert('test')"); }); $(window).load(function(){ $(".close_btn").click(function(){ $("#app_down").hide(); }); }); </script>
                  Run code
                  Cut to clipboard
                    文章:$(window) $(document) 区别  发表时间:2017-08-10, 10:32:07  
                    展开↯

                    #1107

                    作者:广西南宁市
                    $(document) 是当前文档,就是你看到的整个网页
                    $(window) 如果没有框架则就是你浏览的当前浏览器的窗口

                    $(document).ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数,因为它可以极大地提高web应用程序的响应速度

                    首先我解释一下jQuery jQuery有一个用来作为DOM快速载入javascript的得心应手的小函数,那就是ready… 他在页面加载完成之前执行。
                    为什么不用window.onload(),因为window.onload函数执行的时候,要说明所有东西已经载入,包括图像和横幅等等。要知道较大的图片下载速度会比较慢,因此用户必须等待大图片下载完毕才能看到window.onload()执行的代码效果,这样就花费了很长的等待时间,这不是我们想要的。
                    但是 $(document).ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
                    这是事件模块中最重要的一个函数,因为它可以极大地提高web应用程序的响应速度。
                    简单地说,这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数. $(document).ready(function(){ // 你的代码 });
                    $(document)意思是说,获取整个网页文档对象(类似的于window.document),

                    $(document).ready意思就是说,获取文档对象就绪的时候。上面这段代码的意思是检查文档对象直到它能够允许被操作
                    文章:$(window) $(document) 区别  发表时间:2017-08-10, 10:30:58  
                    展开↯

                    #1108

                    作者:广西南宁市
                    首先
                    $(document)这个是获取文档对象
                    $(window)这个是获取窗口对象,也就是浏览器客户区
                    给大家举个例子就非常直接明了了
                    $(document).height() $(window).height()
                    Run code
                    Cut to clipboard

                      注意,让网页有滚动条
                      然后输出一下这两个值得大小,你就知道什么区别了
                      文章:$(window) $(document) 区别  发表时间:2017-08-10, 10:18:14  
                      展开↯

                      #1109

                      作者:广西南宁市
                      (document).height()与$(window).height()

                      jQuery(window).height()代表了当前可见区域的大小,而jQuery(document).height()则代表了整个文档的高度,可视具体情况使用.

                      注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变,但是jQuery(document).height()是不变的。

                      $(document).scrollTop() 获取垂直滚动的距离 即当前滚动的地方的窗口顶端到整个页面顶端的距离
                      $(document).scrollLeft() 这是获取水平滚动条的距离

                      要获取顶端 只需要获取到scrollTop()==0的时候 就是顶端了

                      要获取底端 只要获取
                      scrollTop()>=$(document).height()-$(window).height()
                      Run code
                      Cut to clipboard
                        就可以知道已经滚动到底端了
                        $(document).height() //是获取整个页面的高度 $(window).height() //是获取当前 也就是你浏览器所能看到的页面的那部分的高度 这个大小在你缩放浏览器窗口大小时 会改变 与document是不一样的 根据英文应该也能理解吧
                        Run code
                        Cut to clipboard

                          自己做个实验就知道了
                          $(document).scroll(function(){ $("#lb").text($(document).scrollTop()); }) <span id="lb" style="top:100px;left:100px;position:fixed;"></span><!--一个固定的span标记 滚动时方便查看-->
                          Run code
                          Cut to clipboard
                            #,广西南宁市,2017-08-10,10:17:18, 不错!简洁有力。但是要获取底端 只要获取scrollTop()>=$(document).height()-$(window).height() 就可以知道已经滚动到底端了 可以只判断scrollTop()=$(document).height()-$(window).height()吗?小于是什么情况会出现?
                            文章:$(window) $(document) 区别  发表时间:2017-08-10, 10:16:55  
                            展开↯

                            #1110

                            作者:广西南宁市
                            Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。
                            1.执行时间
                            window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
                            $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
                            2.编写个数不同
                            window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
                            $(document).ready()可以同时编写多个,并且都可以得到执行
                            3.简化写法
                            window.onload没有简化写法
                            $(document).ready(function(){})可以简写成$(function(){});
                            文章:$(window) $(document) 区别  发表时间:2017-08-10, 10:12:35  
                            展开↯

                            #1111

                            作者:北京市
                            有一段和《两个只能活一个》共用的配乐。 和《放逐》《复仇》组成三部曲,标题就叫《任达华叫黄秋生去杀黄秋生不想杀的三个人》。
                            文章:那些质量很高却冷门的电影  发表时间:2017-08-10, 01:32:14  
                            展开↯

                            #1112

                            作者:北京市
                            手机表情点不了,手机屏蔽广告提示?
                            文章:@意见反馈/技术支持/伊网/安企网  发表时间:2017-08-09, 22:32:34  
                            展开↯

                            #1113

                            作者:广西南宁市
                            去掉边框:
                            border: 0; background: transparent;
                            Run code
                            Cut to clipboard

                              去掉小三角:
                              appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 和 Chrome */
                              Run code
                              Cut to clipboard
                                #,广西南宁市,2017-08-09,16:49:49, 去掉select三角下拉选项三角形
                                文章:巧用边框设置一些效果  发表时间:2017-08-09, 16:48:53  
                                展开↯

                                #1114

                                作者:广西南宁市
                                <?php echo count('abcd');//1 echo count('“abcd”');//1 echo strlen("abcd");//4 echo strlen('abcd');//4 echo strlen('“abcd”');//10
                                Run code
                                Cut to clipboard
                                  文章:PHP中常见的面试题(附答案)  发表时间:2017-08-09, 10:44:12  
                                  展开↯

                                  #1115

                                  作者:广西南宁市
                                  #,广西南宁市,2017-08-08,15:50:30,
                                  文章:常用html、demo代码  发表时间:2017-08-08, 15:50:01  
                                  展开↯

                                  #1116

                                  作者:广西南宁市
                                  php数组 按指定的KEY排序
                                  function array_sort($arr,$keys,$orderby='asc'){ $keysvalue = $new_array = array(); foreach ($arr as $k=>$v){ $keysvalue[$k] = $v[$keys]; } //对key集合排序 if($orderby== 'asc'){ asort($keysvalue); }else{ arsort($keysvalue); } reset($keysvalue); //根据排序好的key按顺序从原数组中获取对应的值 foreach ($keysvalue as $k=>$v){ $new_array[] = $arr[$k]; } return $new_array; }
                                  Run code
                                  Cut to clipboard
                                    文章:js生成随机数(指定范围)的代码  发表时间:2017-08-08, 10:53:29  
                                    展开↯

                                    #1117

                                    作者:广西南宁市
                                    php生成不重复随机数
                                    <?php /* * array unique_rand( int $min, int $max, int $num ) * 生成一定数量的不重复随机数 * $min 和 $max: 指定随机数的范围 * $num: 指定生成数量 */ function unique_rand($min, $max, $num) { $count = 0; $return = array(); while ($count < $num) { $return[] = mt_rand($min, $max); $return = array_flip(array_flip($return)); $count = count($return); } shuffle($return); return $return; } $arr = unique_rand(1, 25, 16); sort($arr); $result = ''; for($i=0; $i < count($arr);$i++) { $result .= $arr[$i].','; } $result = substr($result, 0, -1); echo $result; ?>
                                    Run code
                                    Cut to clipboard
                                      文章:js生成随机数(指定范围)的代码  发表时间:2017-08-08, 10:52:56  
                                      展开↯

                                      #1118

                                      作者:广西南宁市
                                      手机版网页 阻止屏幕滑动
                                      //阻止屏幕滑动 $('html,body').on(touchmove,function(e){ e.preventDefault() });
                                      Run code
                                      Cut to clipboard
                                        #,广西南宁市,2017-08-08,10:51:50, 给以某网站域名链接开头的a标签、超链接添加图标logo
                                        #main #content a[href^="https://lizhenqiu.com"]{ letter-spacing:0; font-size: 14px; padding:3px 0 3px 27px; background:url(images/url_yuncode_icon.png) no-repeat -155px -329px; }
                                        Run code
                                        Cut to clipboard
                                          文章:为iframe添加onclick事件  发表时间:2017-08-08, 10:48:24  
                                          展开↯

                                          #1119

                                          作者:广西南宁市
                                          jquery方式判断checkbox是否选中(.is(":checked"))
                                          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>1-6-1</title> <!-- 引入 jQuery --> <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script type="text/javascript"> //等待dom元素加载完毕. $(document).ready(function(){ var $cr = $("#cr"); //jQuery对象 $cr.click(function(){ if($cr.is(":checked")){ //jQuery方式判断 alert("感谢你的支持!你可以继续操作!"); } }) }); </script> </head> <body> <input type="checkbox" id="cr"/><label for="cr">我已经阅读了上面制度.</label> </body> </html>
                                          Run code
                                          Cut to clipboard
                                            文章:为iframe添加onclick事件  发表时间:2017-08-08, 10:47:23  
                                            展开↯

                                            #1120

                                            作者:广西南宁市
                                            贪婪是重点,名声臭了,最近正面新闻也少了
                                            #,广西南宁市,2017-08-08,09:02:52, 关键是最后一句。
                                            #,广西南宁市,2017-08-08,09:03:01, 有脑子的自然能分辨真假,
                                            #,广西南宁市,2017-08-08,09:03:19, 总感觉个人感情评述太多了,再有,为什么这个时候把他提出来说。
                                            #,广西南宁市,2017-08-08,09:03:30, 郎咸平其实就是个渣男
                                            文章:这篇文章的目的不是跟文中的郎的作为很相似吗?  发表时间:2017-08-08, 09:02:30  
                                            展开↯

                                            #1121

                                            作者:广西南宁市
                                            PHP 经典算法
                                            <? //-------------------- // 基本数据结构算法 //-------------------- //二分查找(数组里查找某个元素) function bin_sch($array, $low, $high, $k){ if ( $low <= $high){ $mid = intval(($low+$high)/2 ); if ($array[$mid] == $k){ return $mid; }elseif ( $k < $array[$mid]){ return bin_sch($array, $low, $mid-1, $k); }else{ return bin_sch($array, $mid+ 1, $high, $k); } } return -1; } //顺序查找(数组里查找某个元素) function seq_sch($array, $n, $k){ $array[$n] = $k; for($i=0; $i<$n; $i++){ if( $array[$i]==$k){ break; } } if ($i<$n){ return $i; }else{ return -1; } } //线性表的删除(数组中实现) function delete_array_element($array , $i) { $len = count($array); for ($j= $i; $j<$len; $j ++){ $array[$j] = $array [$j+1]; } array_pop ($array); return $array ; } //冒泡排序(数组排序) function bubble_sort( $array) { $count = count( $array); if ($count <= 0 ) return false; for($i=0 ; $i<$count; $i ++){ for($j=$count-1 ; $j>$i; $j--){ if ($array[$j] < $array [$j-1]){ $tmp = $array[$j]; $array[$j] = $array[ $j-1]; $array [$j-1] = $tmp; } } } return $array; } //快速排序(数组排序) function quick_sort($array ) { if (count($array) <= 1) return $array; $key = $array [0]; $left_arr = array(); $right_arr = array(); for ($i= 1; $i<count($array ); $i++){ if ($array[ $i] <= $key) $left_arr [] = $array[$i]; else $right_arr[] = $array[$i ]; } $left_arr = quick_sort($left_arr ); $right_arr = quick_sort( $right_arr); return array_merge($left_arr , array($key), $right_arr); } //------------------------ // PHP内置字符串函数实现 //------------------------ //字符串长度 function strlen ($str) { if ($str == '' ) return 0; $count = 0; while (1){ if ( $str[$count] != NULL){ $count++; continue; }else{ break; } } return $count; } //截取子串 function substr($str, $start, $length=NULL) { if ($str== '' || $start>strlen($str )) return; if (($length!=NULL) && ( $start>0) && ($length> strlen($str)-$start)) return; if (( $length!=NULL) && ($start< 0) && ($length>strlen($str )+$start)) return; if ($length == NULL) $length = (strlen($str ) - $start); if ($start < 0){ for ($i=(strlen( $str)+$start); $i<(strlen ($str)+$start+$length ); $i++) { $substr .= $str[$i]; } } if ($length > 0){ for ($i= $start; $i<($start+$length ); $i++) { $substr .= $str[$i]; } } if ( $length < 0){ for ($i =$start; $i<(strlen( $str)+$length); $i++) { $substr .= $str[$i ]; } } return $substr; } //字符串翻转 function strrev($str) { if ($str == '') return 0 ; for ($i=(strlen($str)- 1); $i>=0; $i --){ $rev_str .= $str[$i ]; } return $rev_str; } //字符串比较 function strcmp($s1, $s2) { if (strlen($s1) < strlen($s2)) return -1 ; if (strlen($s1) > strlen( $s2)) return 1; for ($i =0; $i<strlen($s1 ); $i++){ if ($s1[ $i] == $s2[$i]){ continue; }else{ return false; } } return 0; } //查找字符串 function strstr($str, $substr) { $m = strlen($str); $n = strlen($substr ); if ($m < $n) return false ; for ($i=0; $i <=($m-$n+1); $i ++){ $sub = substr( $str, $i, $n); if ( strcmp($sub, $substr) == 0) return $i; } return false ; } //字符串替换 function str_replace($substr , $newsubstr, $str) { $m = strlen($str); $n = strlen($substr ); $x = strlen($newsubstr ); if (strchr($str, $substr ) == false) return false; for ( $i=0; $i<=($m- $n+1); $i++){ $i = strchr($str, $substr); $str = str_delete ($str, $i, $n); $str = str_insert($str, $i, $newstr); } return $str ; } //-------------------- // 自实现字符串处理函数 //-------------------- //插入一段字符串 function str_insert($str, $i , $substr) { for($j=0 ; $j<$i; $j ++){ $startstr .= $str[$j ]; } for ($j=$i; $j <strlen($str); $j ++){ $laststr .= $str[$j ]; } $str = ($startstr . $substr . $laststr); return $str ; } //删除一段字符串 function str_delete($str , $i, $j) { for ( $c=0; $c<$i; $c++){ $startstr .= $str [$c]; } for ($c=( $i+$j); $c<strlen ($str); $c++){ $laststr .= $str[$c]; } $str = ($startstr . $laststr ); return $str; } //复制字符串 function strcpy($s1, $s2 ) { if (strlen($s1)==NULL || !isset( $s2)) return; for ($i=0 ; $i<strlen($s1); $i++){ $s2[] = $s1 [$i]; } return $s2; } //连接字符串 function strcat($s1 , $s2) { if (!isset($s1) || !isset( $s2)) return; $newstr = $s1 ; for($i=0; $i <count($s); $i ++){ $newstr .= $st[$i ]; } return $newsstr; } //简单编码函数(与php_decode函数对应) function php_encode($str) { if ( $str=='' && strlen( $str)>128) return false; for( $i=0; $i<strlen ($str); $i++){ $c = ord($str[$i ]); if ($c>31 && $c <107) $c += 20 ; if ($c>106 && $c <127) $c -= 75 ; $word = chr($c ); $s .= $word; } return $s; } //简单解码函数(与php_encode函数对应) function php_decode($str) { if ( $str=='' && strlen($str )>128) return false; for( $i=0; $i<strlen ($str); $i++){ $c = ord($word); if ( $c>106 && $c<127 ) $c = $c-20; if ($c>31 && $c< 107) $c = $c+75 ; $word = chr( $c); $s .= $word ; } return $s; } //简单加密函数(与php_decrypt函数对应) function php_encrypt($str) { $encrypt_key = 'abcdefghijklmnopqrstuvwxyz1234567890'; $decrypt_key = 'ngzqtcobmuhelkpdawxfyivrsj2468021359'; if ( strlen($str) == 0) return false; for ($i=0; $i<strlen($str); $i ++){ for ($j=0; $j <strlen($encrypt_key); $j ++){ if ($str[$i] == $encrypt_key [$j]){ $enstr .= $decrypt_key[$j]; break; } } } return $enstr; } //简单解密函数(与php_encrypt函数对应) function php_decrypt($str) { $encrypt_key = 'abcdefghijklmnopqrstuvwxyz1234567890'; $decrypt_key = 'ngzqtcobmuhelkpdawxfyivrsj2468021359'; if ( strlen($str) == 0) return false; for ($i=0; $i<strlen($str); $i ++){ for ($j=0; $j <strlen($decrypt_key); $j ++){ if ($str[$i] == $decrypt_key [$j]){ $enstr .= $encrypt_key[$j]; break; } } } return $enstr; } ?>
                                            Run code
                                            Cut to clipboard
                                              展开↯
                                              你好,残忍屏蔽广告

                                              确定要清除编辑框内容吗?

                                              该删除操作将不可恢复。

                                              删除 取消

                                              激活Windows

                                              转到"设置"以激活Windows。