手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表分类:Javascript

Javascript的变量与delete操作符

原始链接:http://tech.idv2.com/2008/01/09/javascript-variables-and-delete-operator/
内容原文:http://nanto.asablo.jp/blog/2008/01/09/2552470

内容是日本人写的,是篇翻译文章,写的很不错,讲了几个内容:

  • Javascript的变量
  • delete操作符删除的对象
  • 对变量执行delete的情况
  • 能删除的属性和不能删除的属性
  • 能删除的变量和不能删除的变量
  • delete的返回值

详细请看全文

» 阅读全文

Tags: javascript, delete, keyword, 转摘

突破网页的限制

很多时候,WEB开发人员为了偷懒,对于数据输入的长度仅在前台作了限制,而在POST提交页面并未进行判断,这时候很有可能会通过其他方法进行攻击(虽然,插入数据库后,可能会被自动截断,但。。。改改总是挺好玩的)

如:提交页面

XML/HTML代码
  1. <input type="text" name="msg_title" value="" id="msg_title" maxlength="3">  

这样的INPUT框里面,你就只能输入3个字符了,怎么办?当然有办法了,在浏览器的地址栏里键入如下代码:

XML/HTML代码
  1. javascript:document.getElementById('msg_title').value='123456';void(0);  

现在再看一下,是不是input框里面有6个字符了???
黑黑。。。

Tags: 限制

FCK代码插件的BUG

fck应该是大家用的比较多的所见所得编辑器了,最近被人BS了一上才发现,原来FCK的代码高亮插件有一个很大的BUG,是啥BUG呢?让我们看一下。。。

先输入一段代码:
<?php
if( !empty( $_GET['action'] ) ){
       echo 'this is a test';
}
?>

OK,一切正常,下面,我们将这一段拷贝到FCK编辑器里的PHP代码里面。

PHP代码
  1. <?php  
  2. if( !emptyempty$_GET['action'] ) ){  
  3.        echo 'this is a test';  
  4. }  
  5. ?>  

看到了什么??没错,两个empty,好吃惊呀。。。
以后拷贝代码给别人的时候要注意一下了

Tags: fck, bug

为JQuery的cycle插件作图片自动缩放

JavaScript代码
  1. function showImg(){   
  2.     pw = parseInt( $(this).parent().css('width') );   
  3.     ph = parseInt( $(this).parent().css('height') );   
  4.     showImage = new Image();   
  5.     showImage.src = $(this).children('a').children('img').attr('src');   
  6.     sw = showImage.width;   
  7.     sh = showImage.height;   
  8. //原先这些sw是直接用 $(this).width()来判断,但实际上很多时间都取回的是pager里面的图片大小属性,或者取回来有不正常的时候,这是cycle的BUG,没有时间却验证了,因此,只有用Image类来进行处理,这样取回来的就是图片真正的大小   
  9.     idx = $('#bigPic li').index( $(this) );   
  10.     alert(showImage.src+' - '+sw+' - '+sh);   
  11.     if (sw > pw || sh > ph){   
  12.         if (sw > sh ){   
  13.             sh = Math.floor(sh * ( pw / sw ));   
  14.             sw = pw-10;   
  15.         }else {   
  16.             sw = Math.floor(sw * ( ph / sh ));   
  17.             sh = ph-10;   
  18.         }   
  19.         //实在不知道这里为什么会多出16px,如果不减6,就会每次缩小   
  20.         //这里的长宽比例会不正确。。。   
  21.         $(this).children('a').children('img').css({'width': sw,'height':sh,'paddingTop':3});   
  22.     }   
  23.     if (sh <= ph){   
  24.         $(this).css('marginTop',(ph - sh)/2).css('verticalAlign','middle');   
  25.     }   
  26.     if (sw <= pw){   
  27.         $(this).css('marginLeft' , (pw - sw)/2).css('textAlign','center');   
  28.     }   
  29.     if( idx == 0 ){   
  30.         $('#thumbnail a').trigger('click');   
  31.     }   
  32. }   

Mark it ,and update it on work time...

Tags: jquery, cycle

长时间不更新,送上点JS

长时间没有更新了,一是因为单位比较忙二来是老婆快生了。。

但一直不更新也不太好,这里送上一小段JS,FOR jQuery。

很多时候,我们需要在一堆图片列表里进行左移右移,比如我现在有10个IMG,我放到DIV里面默认显示5个,这时候我会在页面上留下两个按钮进行左移,右移,以前的移动可能会很复杂,自从有了jquery,一切变得这么简单。

 

XML/HTML代码
  1. <div id="pic_list">  
  2.     <span id="p_left"> << </span>  
  3.     <ul>  
  4.         <li><img src="aa.jpg" /><li>  
  5.         <li><img src="aa.jpg" /><li>  
  6.         <li><img src="aa.jpg" /><li>  
  7.         <li><img src="aa.jpg" /><li>  
  8.         <li><img src="aa.jpg" /><li>  
  9.         <li><img src="aa.jpg" /><li>  
  10.         <li><img src="aa.jpg" /><li>  
  11.         <li><img src="aa.jpg" /><li>  
  12.         <li><img src="aa.jpg" /><li>  
  13.         <li><img src="aa.jpg" /><li>  
  14.     </ul>  
  15.     <span id="p_right"> >> </span>  
  16. </div>  
  17. <script language="JavaScript">  
  18. <!--   
  19.     $('#p_left').click(function(){   
  20.         var list_length = $('#pic_list ul li').length;   
  21.         $('#pic_list ul li:eq(0)').before( $('#pic_list ul li:eq('+(list_length-1)+')').remove() );   
  22.     });   
  23.     $('#p_right').click(function(){   
  24.         $('#pic_list ul').append( $('#pic_list ul li:eq(0)').remove() );   
  25.     });   
  26. //-->  
  27. </script>  

具体样式我就不提供了,黑黑,这样的方法应该算是最简单的了。。毕竟你在做页面的时候,肯定会都把li的宽度设的一样