`

JavaScript的系统函数学习

阅读更多
  1. 编码处理函数

         1) encodeURI
                 返回一个对URI字符串编码后的结果。URL是最常见的一种URI;
         2) decodeURI
                 将一个已编码的URI字符串解码成最原始的字符串返回;
         3)  举例:

<Script language  =  "javascript">

alert("http://www.crazy.com/index.jsp?name=疯狂的草儿");
var encodeStr = encodeURI("http://www.crazy.com/index.jsp?name=疯狂的草儿");
alert("encodeStr:  "   +  encodeStr);
var  decodeStr  =  decodeURI(encodeStr);
alert("decodeStr:  "   +  decodeStr);

</Script >
 

      输出结果如下:
     encodeStr:  http://www.crazy.com/index.jsp?name=%E7%96%AF%E7%8B%82%E7%9A%  84%E8%8D%89%E5%84%BF     

     decodeStr:  http://www.crazy.com/index.jsp?name =疯狂的草儿

 

 

 

   2. 数值处理函数
      1)   parseInt
              将一个字符串指定的进制转换为一个整数,语法格式为:
               parseInt(numString, [radix])
               第一个参数是要进行转换的字符串,是介于2到36之间的数值,用于指定进行字符串转换时所用的进制。
                举例如下:

< Script language = " javascript " >

// 下面是同一个数用不同进制表示时在默认情况下的举例
document.write( " 默认情况下的结果: " );
document.write( " 32: " + parseInt(' 32 '));
document.write( " ;032: " + parseInt(' 032 '));
document.write( " ;0x32: " + parseInt(' 0x32 ') + " <br> " );
// 下面是同一个数用不同进制表示时在转为2进制的举例
document.write( " 转为2进制的结果: " );
document.write( " 32: " + parseInt(' 32 ', 2 ));
document.write( " ;032: " + parseInt(' 032 ', 2 ));
document.write( " ;0x32: " + parseInt(' 0x32 ', 2 ) + " <br> " );
// 下面是同一个数用不同进制表示时在转为8进制的举例
document.write( " 转为8进制的结果: " );
document.write( " 32: " + parseInt(' 32 ', 8 ));
document.write( " ;032: " + parseInt(' 032 ', 8 ));
document.write( " ;0x32: " + parseInt(' 0x32 ', 8 ) + " <br> " );
// 下面是同一个数用不同进制表示时在转为16进制的举例
document.write( " 转为16进制的结果: " );
document.write( " 32: " + parseInt(' 32 ', 16 ));
document.write( " ;032: " + parseInt(' 032 ', 16 ));
document.write( " ;0x32: " + parseInt(' 0x32 ', 16 ) + " <p> " );
// 下面是对一个2进制数转换为不同进制的举例
document.write( " 11001010转换后的结果:  " + " <br> " );
document.write( " 2进制: " + parseInt(' 11001010 ', 2 ));
document.write( " ;16进制: " + parseInt(' 11001010 ', 16 ) + " <br> " );
document.write( " 8进制: " + parseInt(' 11001010 ', 8 ));
document.write( " ;10进制: " + parseInt(' 11001010 ', 10 ));
// 下面是对不全是数字情况下转换的举例
document.write( " <p>43abc转换后: " + parseInt('43abc'));
document.write( " ;abc43转换后: " + parseInt('abc43'));
document.write( " ;abc转换后: " + parseInt('abc'));

</ script >  

   输出结果如下:
      默认情况下的结果:32:32;032:26;0x32:50
      转为2进制的结果:32:NaN;032:0;0x32:0
      转为8进制的结果:32:26;032:26;0x32:0
      转为16进制的结果:32:50;032:50;0x32:50

      11001010转换后的结果: 
      2进制:202;16进制:285216784
      8进制:2359816;10进制:11001010

      43abc转换后:43;abc43转换后:NaN;abc转换后:NaN 
     2) parseFloat方法
            该方法将一个字符串转换成对应的小数。
            eg.

< Script language = " javascript " >
<!--
     var  floatStr  =   " 4.1 " ;
    alert((floatStr  +   1 )  +   " \n " );
    alert(parseFloat(floatStr)  +   1 );
// -->
</ script >
 

 

         输出结果如下:
         4.11
         5.1

        3) isNaN方法
               该方法用于检测前两个方法返回值是否为非数值型,如果是,返回true,否则,反回false。
               eg.

< Script language = " javascript " >
<!--
     var  loginName  =  parseInt('crazy1121');
     if (isNaN(loginName))  {
         // 如果loginName不是数值,执行如下语句
        alert( " parseInt('crazy1121')的结果是:  "   +  loginName);
    }   else   {
        alert( " parseInt('crazy1121')的结果是数值! " );
    }
// -->
</ script >
 

 

       输出结果如下:
      parseInt('crazy1121')的结果是: NaN
     
      3 字符串编码处理函数
          1)  escape方法
               该方法返回对一个字符串编码后的结果字符串,所有空格, 标点, 重音符号以及任何其他非ASCII码字符都用%xx编码替换,其中xx等于表示该字符的Unicode编码的十六进制数.空格返回为"%20", 字符值大于255的字符以%xxxx格式存储.
              eg.

< Script language = " javascript " >
<!--
     var  test  =  escape( " c ^_^ razy " );
    alert( " c ^_^ razy经escape方法处理后为:  "   +  test);
// -->
</ script >
 

           输出为: c ^_^ razy经escape方法处理后为: c%20%5E_%5E%20razy
         2)  unescape方法
              该方法将一个用escape方法编码的结果字符串解码成原始字符串.
              eg.

< Script language = " javascript " >
<!--
     var  test  =  escape( " c ^_^ razy " );
     var  unescapeStr  =  unescape(test);
    alert( " unescapeStr:  "   +  unescapeStr);
// -->
</ script >
 

            输出结果为:  c ^_^ razy
         3)  eval方法
              该方法将某个参数字符串作为一个JavaScript执行.

分享到:
评论

相关推荐

    JavaScript ES6函数式编程入门经典_javascript_tall7cj_

    总的来说,JavaScript ES6函数式编程入门经典涵盖了从基础语法到高级特性的广泛内容,读者可以通过学习这本书,深入理解ES6的特性并掌握函数式编程思想,从而提高编程效率和代码质量。通过实践这些新功能,开发者...

    JavaScript学习(一)

    JavaScript学习(一) JavaScript是一种广泛应用于网页和网络应用的脚本语言,由 Netscape 的 Brendan Eich 在1995年发明。它主要用于客户端的网页交互,赋予网页动态功能,如响应用户操作、处理数据、与服务器通信...

    javascript(函数查询chm+语法pdf)

    4. **事件驱动(Event-driven)**:JavaScript 可以通过监听和处理用户或系统的事件来实现交互性。 5. **函数式(Functional)**:JavaScript 支持函数式编程风格,允许将函数作为参数传递,也可以作为值返回。 **...

    关于javascript函数学习资料

    根据提供的文件信息,这里主要涉及的是一个综合管理系统的内容,而非直接与JavaScript函数的学习资料相关。不过,考虑到您的需求是基于给定的文件信息生成相关的JavaScript函数知识点,我们可以尝试结合文件内容来...

    javaScript函数式编程

    本书内容全面,示例丰富,适合想要了解函数式编程的JavaScript程序员和学习JavaScript的函数式程序员阅读。 作者简介 · · · · · · Michael Fogus是Dynamic Animation Systems的软件架构师,在分布式仿真、机器...

    JavaScript学习指南 高清 PDF

    JavaScript,一种广泛应用于Web开发的脚本语言,是前端开发的核心技术之一。这份"JavaScript学习指南"高清PDF,无疑为想要深入理解...通过系统学习和实践,你将能够熟练掌握JavaScript,为Web开发打下坚实基础。

    JavaScript 帮助 学习 文档

    JavaScript是一种广泛应用于网络开发的脚本语言,它主要在客户端运行,为网页添加交互性,提升用户体验。这个“JavaScript帮助学习文档”包含了丰富...通过系统地学习和实践,任何人都可以成为熟练的JavaScript开发者。

    JavaScript学习指南

    对于工具方面,理解并使用构建工具如Webpack或Parcel,可以有效地管理和打包JavaScript代码,同时引入模块系统,使得大型项目管理更为方便。配合Babel,可以将现代JavaScript语法转换为向后兼容的版本,确保在不同...

    JavaScript学习手册

    总的来说,"JavaScript学习手册"涵盖了从基础语法到高级特性的全面内容,包括变量、函数、对象、数组、数据结构、事件处理、DOM操作、异步编程、Ajax以及Node.js等核心知识点,是学习JavaScript不可或缺的参考资料。...

    javascript教程&函数大全.rar

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要在用户端浏览器上运行,为用户提供交互式...通过系统地学习和查阅提供的资料,你可以更好地理解和运用JavaScript,创建出功能丰富的网页和应用程序。

    关于JavaScript的学习资料

    JavaScript是一种广泛应用于...总的来说,这份JavaScript学习资料包为你提供了一个系统学习和深入理解JavaScript的平台。通过深入阅读、实践和不断探索,你将能够熟练掌握这门语言,为你的Web开发生涯打下坚实基础。

    javascript学习资料

    JavaScript,也被称为JS,是一种广泛应用于网页和网络...对于想要系统学习JavaScript的人来说,这是一份宝贵的资源。在学习过程中,结合实际项目练习,将更有利于掌握和运用所学知识,成为一名熟练的JavaScript开发者。

    javascript点名系统+成绩

    JavaScript是一种广泛应用于网页和网络应用开发的...通过以上知识点的整合和运用,这个JavaScript点名系统能够有效地帮助教师或管理员进行点名和成绩管理,同时也为学习者提供了一个实际运用JavaScript技术的好例子。

    JavaScript学习PPT(适合初学者)

    通过这个"JavaScript学习PPT",初学者可以系统地了解和掌握JavaScript的基本概念和实际应用,为进一步深入学习和开发JavaScript项目打下坚实基础。在学习过程中,实践是关键,结合实际的代码示例和小项目,将理论...

    JavaScript学习帮助文档_JavaScript学习帮助文档_javascript_

    ES6(ECMAScript 2015)及后续版本带来了许多新特性,如模板字符串、解构赋值、Promise(用于异步编程)、模块系统(import和export)、生成器(generator)等,极大地提升了JavaScript的开发效率和代码质量。...

    个人Javascript学习笔记 精华版

    本资源为个人Javascript学习笔记的精华版,涵盖了Javascript的基础知识、事件处理、对象和系统函数、浏览器对象等方面的内容。下面是对每个知识点的详细说明: 1. 什么是JavaScript? JavaScript是一种脚本语言,...

    JavaScript函数式编程指南1

    通过学习本书,读者不仅可以提升JavaScript编程技能,还能掌握一种新的思考问题和解决问题的视角,从而在构建复杂的Web应用时更加得心应手。 总之,《JavaScript函数式编程指南1》是一本实用性极强的书籍,适合希望...

    JavaScript 基本语法 高级语法 自定义函数下载

    这个资源包涵盖了JavaScript的基本语法、高级语法以及自定义函数的使用,对于学习和提升JavaScript技能非常有帮助。 **一、JavaScript基本语法** 1. **变量声明**:在JavaScript中,我们可以使用`var`、`let`或`...

    JavaScript学习资料全面整理

    这个"JavaScript学习资料全面整理"的资源包很可能包含了上述各个方面的教程、示例代码、实战项目等,对于想要系统学习JavaScript的人来说是一份宝贵的资料。通过深入学习和实践,你可以掌握JavaScript的精髓,成为一...

Global site tag (gtag.js) - Google Analytics