Js基础学习

Js的压缩：

就是利用js的语法格式通过缩短变量名，去掉空格等来进行压缩。

Apply和call的使用

1：apply方法：应用某一对象的方法，用于一个对象替换当前对象。主要是改变this的值。

  1. <script type="text/javascript">
  2.     var user_name = "阿辉";
  3.     //一个函数，这里主要注意里面的this的含义。
  4.     function showName() {
  5.         alert(this.user_name);
  6.     };
  7.     var p = { user_name: '阿红' };
  8.     showName.apply(p);// 这里通过apply方法来改变函数中this的不同。这里的p就是this.
  9. </script>

2：call方法：这个和上面的方法是一样的，只是当需要有参数的时候需要逗号来区别，而apply是通过数组的形式来传递的。

这里就是有参数的时候，我们使用apply的时候需要使用数组的形式来传递。

  1. var user_name = "阿辉";
  2. //一个函数，这里主要注意里面的this的含义。
  3. function showName(a,b,c) {
  4.     alert(this.user_name);
  5.     alert(a + b + c);
  6. };
  7. var p = { user_name: '阿红' };
  8. showName.apply(p);// 这里通过apply方法来改变函数中this的不同。这里的p就是this.
  9. showName.apply(p, [12,12,12]);
  10. showName.call(p,13,13,13);

上面的代码就是二者的区别。使用的时候我们需要注意这些小的知识点。

函数的递归：

当函数是匿名函数的时候我们使用递归的时候里面的值千万不要直接写赋值的匿名函数，我们需要通过arguments.callee()；来表示函数自身。

  1. var index = 0;
  2. //定义匿名函数
  3. var s = function() {
  4.     index++;
  5.     alert(index);
  6.     if (index<5) {
  7.         //s();
  8.         arguments.callee();//表示函数自身
  9.     }
  10. };
  11. var ss = s;
  12. ss();

encodeURL方法：将文本字符串编码为一个有效的统一资源标识符(URL)，这个方法不会对那些特殊的字符进行编码，这时我们需要使用encodeURLCompoment方法对这些字符进行编码。这个编码的范围更加的广。

  1. var msg = 'http://localhost:55186/js%E7%BB%83%E4%B9%A0/js11.html';
  2. var url_value = window.encodeURI(msg); //只编码文本的字符串
  3. var sss = window.encodeURIComponent(msg);//编码更加的广泛，前面的数字都进行了编码。
  4. alert(sss);
  5. alert(url_value);

Eg:点击实现展示关闭2级菜单。

思路：通过为<p>标签来注册单击事件，接着找到它下面的<ul>，看是否隐藏，在进行操作。{思路很重要，每次的代码都是那样子，只需要学会解决问题的想法，这样就可以以此类推，解决很多的问题。}

  1. <body>
  2.     <ul id="umenu">
  3.         <li>
  4.             <p>111</p>
  5.             <ul>
  6.                 <li>1</li>
  7.                 <li>2</li>
  8.                 <li>3</li>
  9.             </ul>
  10.         </li>
  11.         <li>
  12.             <p>222</p><ul><li>1</li><li>2</li><li>3</li></ul>
  13.         </li>
  14.         <li>
  15.             <p>333</p><ul><li>1</li><li>2</li><li>3</li></ul>
  16.         </li>
  17.     </ul>
  18. </body>

Js代码如下:

  1. window.onload = function () {
  2.       //为每个菜单项注册单击事件
  3.       var ps = document.getElementById('umenu').getElementsByTagName('p');
  4.       //遍历ps，为每个注册单击事件
  5.       for (var i = 0; i < ps.length; i++) {
  6.           ps[i].onclick = function () {
  7.               //1;找到p后面的<ul>，+this.parentNode是找到其父节点;
  8.               var x = this.parentNode.getElementsByTagName('ul')[0];
  9.               //2:判断是否隐藏
  10.               if (x.style.display != 'none') {
  11.                   x.style.display = 'none';
  12.               } else {
  13.                   x.style.display = 'block';
  14.               }
  15.           };
  16.       }
  17.   };

JavaScript基础插曲---apply，call和URL编码等方法的更多相关文章

  1. JavaScript基础插曲-练习

    Javascript基础学习 eg:利用正则表达式来去掉空格. 1:msg=' Hello ': <script type="text/javascript">     ...

  2. JavaScript基础插曲—元素样式，正则表达式，全局模式，提取数组

    JavaScript基础学习 学习js的基础很重要,可以让自己有更多的技能.我相信这个以后就会用到. Eg:点击选择框,在div中显示出选择的数量 window.onload = function() ...

  3. JavaScript基础—插曲

    Javascript基础 1:js中我们最好使用单引号,其实可以使用双引号的但是为了区别所以js中全部使用单引号.注释和C#的是一样的.网页里面的执行顺序是从上到下依次执行的,不管你js放到哪里,都会 ...

  4. JavaScript基础插曲—获取标签，插入元素，操作样式

    Js基础 1:document.write() 这个是动态创建元素内容,利用js.这个可以利用js来创建元素,文本,标签等,document.write()与document.writeln()的区别 ...

  5. JavaScript基础—插曲02

    Js学习基础 1:关于js中的数组 这里面可以是键值对的形式来存储的,我们必须利用forIn来输出,这就相当于foreach一样. var dir = new Array(); dir['0'] = ...

  6. URL编码的方法

    Global 对象的encodeURI()和encodeURIComponent()方法可以对URI(Uniform ResourceIdentifiers,通用资源标识符)进行编码,以便发送给浏览器 ...

  7. linux shell实现 URL 编码/解码方法

    (1)编码的两种方法 # echo '手机' | tr -d '\n' | xxd -plain | sed 's/\(..\)/%\1/g' # echo '手机' |tr -d '\n' |od ...

  8. JavaScript 基础数组循环和迭代的几种方法

    JavaScript 数组循环和迭代   (之前一直没怎么注意数组循环,今天做一道题时,用到forEach循环发现它并没有按照我想象的样子执行,总结一下数组循环) 一.第一种方法就是for()循环   ...

  9. JavaScript基础对象创建模式之私有属性和方法(024)

    JavaScript没有特殊的语法来表示对象的私有属性和方法,默认的情况下,所有的属性和方法都是公有的.如下面用字面声明的对象: var myobj = { myprop: 1, getProp: f ...

随机推荐

  1. Websocket全讲解。跨平台的通讯协议 ！！基于websocket的高并发即时通讯服务器开发。

    本博文,保证不用装B的话语和太多专业的语言,保证简单易懂,只要懂JAVAEE开发的人都可以看懂. 本博文发表目的是,目前网上针对Websocket的资料太散乱,导致初学者的知识体系零零散散,学习困难加 ...

  2. WPF快速入门系列(7)——深入解析WPF模板

    一.引言 模板从字面意思理解是“具有一定规格的样板".在现实生活中,砖块都是方方正正的,那是因为制作砖块的模板是方方正正的,如果我们使模板为圆形的话,则制作出来的砖块就是圆形的,此时我们并不 ...

  3. Java多线程20：多线程下的其他组件之CountDownLatch、Semaphore、Exchanger

    前言 在多线程环境下,JDK给开发者提供了许多的组件供用户使用(主要在java.util.concurrent下),使得用户不需要再去关心在具体场景下要如何写出同时兼顾线程安全性与高效率的代码.之前讲 ...

  4. 站在移动互联时代的十字路口上_deviceone

    最近总能看到类似“App已死,服务永生”.“App必死,web永生” .“App已死,微信建站已生”这样的文章.不晓得这些网络写手到底是想代表某些公司的立场.还是想要表达怎么样的一个情结,文章中语气都 ...

  5. 关于"是否需要有代码规范"的个人看法

    这些规范都是官僚制度下产生的浪费大家的编程时间.影响人们开发效率, 浪费时间的东西. 我是个艺术家,手艺人,我有自己的规范和原则. 规范不能强求一律,应该允许很多例外. 我擅长制定编码规范,你们听我的 ...

  6. 利用avalon 实现一个简单的成绩单

    本文的灵感是来自Halower的这篇博文,他是使用knockout与jQuery实现的.不过我觉得MVVM本来就强大的事件绑定功能,因此用jQuery 是多此一举.另,他也用了一些面向对象的写法.我个 ...

  7. ios UIView sizeToFit sizeThatFits

    UILabel *testLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 50, 0, 0)]; testLabel.backgroundC ...

  8. iOS 向模拟器里添加照片

    iOS 向模拟器里添加照片 模拟器里Photos最开始时是没有照片的,有时我们做Demo时需要Photos里面的照片做测试,这时就需要把Mac上的照片导入到模拟器里.步骤如下: 1,打开模拟器 2,选 ...

  9. Atitit  代理与分销系统(1)  子代理 充值总额功能设计概览 sum() groubpy subagt

    Atitit  代理与分销系统(1)  子代理 充值总额功能设计概览 sum() groubpy subagt Keyword 分组与聚合操作. 一个for做分组...里面的做聚合... 数据g操作查 ...

  10. 《PHP Manual》阅读笔记3 —— 类与对象

    1.PHP 中的所有函数和类都具有全局作用域,可以定义在一个函数之内而在之外调用,反之亦然. PHP 不支持函数重载,也不可能取消定义或者重定义已声明的函数. 当一个函数是有条件被定义时,必须在调用函 ...