互联网，请记住我 » js http://www.162cm.com 一米六二的北漂生活 Fri, 09 Jan 2009 11:52:09 +0000 http://wordpress.org/?v=2.7 en hourly 1 Javascript学习者需要看懂的几个例子 http://www.162cm.com/archives/595.html http://www.162cm.com/archives/595.html#comments Wed, 20 Feb 2008 15:05:58 +0000 xurenlu http://www.162cm.com/archives/595.html 1.关于prototype:这里prototype是javascript的一个特性，不是那个有名的prototype框架:

  1. <script type="text/javascript">
  2. var string="hello world";
  3. try{
  4.   alert(string.phone());
  5. }catch(e){alert(e);}
  6. String.prototype.phone=function()
  7. {
  8.   return "159-10957151";
  9. }
  10.  
  11. alert(string.phone());
  12. </script>

2.关于变量作用域,和IE,firefox对js的不同处理，这里有几个例子，有几个是原来从别处看到的记的笔记，有的是我自己挖掘出来的.
2.1

  1. <script type="text/javascript">
  2.   var deep_thought = {
  3.    the_answer: 42,
  4.    ask_question: function () {
  5.     return this.the_answer;
  6.    }
  7.   };
  8.  
  9.   var the_meaning = deep_thought.ask_question();
  10.   alert(the_meaning);
  11. </script>

2.2

  1. <script type="text/javascript">
  2.   function test_this() {
  3.    return this;
  4.   }
  5.   var i_wonder_what_this_is = test_this();
  6.   alert(i_wonder_what_this_is);
  7.   // result: [object window];
  8. </script>

2.3:

  1. <script type="text/javascript">
  2.   function click_handler() {
  3.    alert(this); // 弹出 window 对象
  4.   }
  5. </script>
  6.  ...
  7. <button id='thebutton' onclick='click_handler()'>Click me!</button>

2.4

  1. <script type="text/javascript">
  2.   function click_handler(obj) {
  3.    alert(obj);
  4.    //result:[object HTMLButtonElement]
  5.   }
  6. </script>
  7.  ...
  8. <button id='thebutton' onclick='click_handler(this)'>Click me!</button>

2.5

  1. <button id='thebutton' onclick='click_handler(this)'>Click me!</button>
  2. <script type="text/javascript">
  3.  function BigComputer(answer) {
  4.   this.the_answer = answer;
  5.   this.ask_question = function () {
  6.    alert(this.the_answer);
  7.   }
  8.  }
  9.  
  10.  function addhandler() {
  11.   var deep_thought = new BigComputer(42),
  12.    the_button = document.getElementById('thebutton');
  13.    the_button.onclick = deep_thought.ask_question;
  14.  }
  15.  
  16.  window.onload = addhandler;
  17.  
  18.  //result [undefined]
  19. </script>
  20.  ...

2.6

  1. <button id='thebutton' onclick='click_handler(this)'>Click me!</button>
  2. <script type="text/javascript">
  3.  function BigComputer(answer) {
  4.   var self=this;
  5.   self.the_answer = answer;
  6.   self.ask_question = function () {
  7.    alert(self.the_answer);
  8.   }
  9.  }
  10.  
  11.  function addhandler() {
  12.   var deep_thought = new BigComputer(42),
  13.    the_button = document.getElementById('thebutton');
  14.    the_button.onclick = deep_thought.ask_question;
  15.  }
  16.  window.onload = addhandler;
  17.  //result [42]
  18. </script>
  19.  ...

2.7

  1. <button id='thebutton' onclick='click_handler(this)'>Click me!</button>
  2. <script type="text/javascript">
  3. function btn_click(){
  4.   alert(this);
  5. }
  6.  
  7.  function addhandler() {
  8.    the_button = document.getElementById('thebutton');
  9.    the_button.onclick = btn_click;
  10.  }
  11.  
  12.  window.onload = addhandler;
  13.  
  14.  //result [undefined]
  15. </script>
  16.  ...

2.8

  1. <button id='thebutton' onclick='click_handler(this)'>Click me!</button>
  2. <script type="text/javascript">
  3. function real_func()
  4. {
  5.   alert(this);
  6. }
  7. function btn_click(){
  8.   setTimeout(real_func,100);
  9. }
  10.  
  11.  function addhandler() {
  12.    the_button = document.getElementById('thebutton');
  13.    the_button.onclick = btn_click;
  14.  }
  15.  
  16.  window.onload = addhandler;
  17.  
  18.  //result [undefined]
  19. </script>
  20.  ...

2.9

  1. <button id='thebutton' onclick='click_handler(this)'>Click me!</button>
  2. <script type="text/javascript">
  3.  Function.prototype.bind = function(obj) {
  4.   var method = this,
  5.    temp = function() {
  6.     return method.apply(obj, arguments);
  7.    };
  8.  
  9.   return temp;
  10.  }
  11. var  real_func=function()
  12. {
  13.   alert(this);
  14. }
  15. function btn_click(){
  16.   setTimeout( real_func.bind(this),100);
  17. }
  18.  function addhandler() {
  19.    the_button = document.getElementById('thebutton');
  20.    the_button.onclick = btn_click;
  21.  }
  22.  window.onload = addhandler;
  23.  //result [undefined]
  24. </script>
  25.  ...

2.10

  1. <script>
  2.   //** variables need to be defined
  3.   alert(document);          // [object HTMLdocument]
  4.   alert(window.document);   // [object HTMLdocument]
  5.  
  6.  
  7.   alert(window.face);      //pretty
  8.   var face="pretty";
  9.   alert(face);             //pretty
  10.   alert(window.face);      //pretty
  11.   alert(window.sock);      //undefined
  12.   alert(sock);              // ERROR: sock not defined
  13.  
  14. </script>

2.11

  1. <script type="text/javascript">
  2. function method()
  3. {
  4.   var window={};
  5.   alert(window.location);
  6. }
  7.   alert(window.location);
  8.   method();
  9.   alert(window.location);
  10. </script>

2.12

  1. <script type="text/javascript">
  2.    var window={};//ERROR:非法赋值!
  3.    // this works in IE,but throw an Exception in firefox
  4.    alert(window.location);
  5. </script>

2.13

  1. <script type="text/javascript">
  2.   /** 这是一段很让人恼火的代码
  3.   可以禁用alert
  4.   */
  5.   window.alert("hello world");
  6.   window.alert=function(str){
  7.       document.write(str);
  8.   };
  9.   alert("hello world");
  10.   window.alert("hello world");
  11. </script>

2.14:

  1. 注意这三个html文件的结果有什么不同.
  2. a.html:
  3. <script type="text/javascript">
  4. alert(sock);
  5. function sock()
  6. {
  7.   alert("function sock executed!");
  8. }
  9. alert(sock);
  10. </script>
  11. b.html:
  12. <script type="text/javascript">
  13. alert(sock);
  14. var sock=function()
  15. {
  16.   alert("function sock executed!");
  17. }
  18. alert(sock);
  19. </script>
  20. c.html:
  21. <script type="text/javascript">
  22. // 这里并不弹出"undefined"
  23. // 有点偏心啊!
  24. alert(sock);
  25. </script>

2.15
看看IE,firefox下分别运行有何不同:

  1. <script type="text/javascript">
  2. Object.prototype.hello=function(){
  3.   alert("hello");
  4. }
  5. window.hello();
  6. </script>
]]> http://www.162cm.com/archives/595.html/feed 转型中… http://www.162cm.com/archives/577.html http://www.162cm.com/archives/577.html#comments Wed, 12 Dec 2007 15:45:23 +0000 xurenlu http://www.162cm.com/archives/577.html 不久前，得知我将会这次项目中负责配置管理，架构协调和JS开发工作和一个模块的PHP的coding。
没想到今天日程安排下来了,我“戏份”最大的，是“Web design”.
于是，前天，昨天我还加班加点地设计如何对数据库散列，如何进行主从同步。。。。刚刚把Hash算法写完，今天中午开始我就开始做页面设计了。。。
少不了要整一个图形处理软件。下了一个盗版的Adodb CS3,但是最终还没没有用,一是我不能在公司用盗版软件，二是……我对PhotoShop的技术还停留在三年多以前，PhotoShop 7.0的认识上。
最后我的解决办法是，在Linux下装上了Wine,在这个模拟环境上安装上了Fireworks MX.很久没有用Wine了，没想到Wine经过几年的发展，已今非昔比了，非常牛B了…
我在Wine下装上了FireWorks,DreamWeaver的30天试用版，另外还装上IE6,再接着装了一个叫Multi-IE的东东，把IE3,IE4,IE5,IE5.5,IE6.0整全了。估计再琢磨一下，能把IE7.0也整上。
谁说Linux上不适合搞设计？看看我的机器…..盗版的Microsoft Office 2007估计跑起来也没有问题…..
晚上折腾到11:15才走，这时已经做了3个Page出来，还是Pure DIV+CSS,不过就没有设计成分，是照着UE部门给的线框图做的，纯体力活。出页面之后还要配合php工程师做Ajax应用，纯js。真是个伟大的转型…会不会过两年之后我会转成卖保险的呢？….

]]> http://www.162cm.com/archives/577.html/feed 这样也可以戏弄”博邻” http://www.162cm.com/archives/496.html http://www.162cm.com/archives/496.html#comments Thu, 11 Oct 2007 14:15:35 +0000 xurenlu http://www.162cm.com/archives/496.html Hoo,发现一个小漏洞:
在博邻(http://www.365bloglink.com/)首页上搜”互联网，请记住我”,然后结果页中是没有结果的。但是有备选项,我选中”搜标题”,再点搜索,就有结果了。然后发现这里的投票是可以重复投票的（点推荐后刷新一次又可以推荐,估计是没有在数据库中记IP)。哈哈，于是我查看源代码，发现“推荐”二字的链接是javascript的，于是复制这一段:

  1. javascript:votePost('sa9Yfdjno', 'divsa9YfdjnoVote');

就在这个页面中粘贴到浏览器地址栏中，按回车就发现票数变了。再按回车，再变。一直刷到50票。不过博邻的排名没啥意思，没有成就感。
hoo,漏洞无处不在了。365bloglink还是比较知名的站了，也有js漏洞。
上次live.com邮箱被抢注，也是同样的漏洞。
看来我以后也得记住 ,客户端的js是不可相信的!

]]> http://www.162cm.com/archives/496.html/feed