`
txf2004
  • 浏览: 7040320 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JavaScript FAQ(六)

阅读更多

四、字符串

1. 字符串中的引号(Quotes in String

Q:我如何在字符串中插入引号呢?

A:字符串中的引号应该用一个反斜杠(\)引导。如此,JavaScript就会分辨出这些引号是普通字符串还是字符串的分隔符。下面是示例:

  1. string1='It\'sfiveo\'clock!';
  2. string2="<AHREF=\"index.htm\">";

或者,如果字符串中只包含有单引号,那么你可以使用双引号作为字符串的分隔符,反之亦然。下面是一个例子:

  1. string1="It'sfiveo'clock!";
  2. string2='<AHREF="index.htm">';

2. 将数字转化为字符串(Converting Numbers to Strings

Q:在JavaScript中,我怎样将数字转化为字符串?

A:最简单的方法是数字变量加上一个空字符串,例如:

  1. a=a+''//Thisconvertsatostring
  2. b+=''//Thisconvertsbtostring

在上面的例子中,结果字符串中保存的是十进制的数字,如果要转化为二进制、八进制或者十六进制(或其他任何进制)字符串,参加(转化其他进制 Converting to Another Base)。

3. 将字符串转化为数字(Converting Strings to Numbers

Q:在JavaScript中,我怎样把字符串转化为数字呢?

A:要将字符串转化为数字,可以使用JavaScript的函数parseFloat(转化为浮点数)或者parseInt(转化为整数)。

parseFloat语法:parseFloat('string')

工作方式:

parseFloat的参数必须为字符串或字符串表达式。parseFloat的返回结果是字符串内数字的十进制数(或者是字符串最开始的数字)。如果字符串不能被解析为一个十进制数,那么返回值将由于浏览器而不同(0或者NaN)。

示例(注释内是转化结果):

  1. parseFloat('1.45kg')//1.45
  2. parseFloat('77.3')//77.3
  3. parseFloat('077.3')//77.3
  4. parseFloat('0x77.3')//0
  5. parseFloat('.3')//0.3
  6. parseFloat('0.1e6')//100000

parseInt语法:parseInt('string' [, base])

工作方式:

parseInt的第一个参数必须是字符串或者字符串表达式。parseInt的返回结果是字符串包含的一个整数(或者字符串最开始的一个整数)。第二个参数(base),如果有,给出了字符串中数字的进制。参数base的值可以从2到36之间的任何一个值。

如果只有一个参数,数字的进制会通过JavaScript的一般语法来检测。以0x或-0x开头的字符串会被解析为十六进制数;以0或者-0开始的字符串会被解析为八进制数;其他都作为十进制数对待。

如果字符串参数不能被解析为一个整数,返回结果也会根据浏览器的不同而不同(0或者NaN)。

示例(行后的注释是转化结果):

  1. parseInt('123.45')//123
  2. parseInt('77')//77
  3. parseInt('077',10)//77
  4. parseInt('77',8)//63(=7+7*8)
  5. parseInt('077')//63(=7+7*8)
  6. parseInt('77',16)//119(=7+7*16)
  7. parseInt('0x77')//119(=7+7*16)
  8. parseInt('099')//0(9isnotanoctaldigit)
  9. parseInt('99',8)//0orNaN,dependingontheplatform
  10. parseInt('0.1e6')//0
  11. parseInt('ZZ',36)//1295(=35+35*36)

4. 子字符串(Substrings

Q:我怎样从一个字符串中抽取一个子字符串呢?

A:要从一个字符串中抽取一个子字符串,可以使用substring方法:

string.substring(start, end)

这里:

string 是你想从其中抽取子字符串的字符串。

start 是一个数字,指定子字符串开始的字符的位置。(在start位置上的字符也会包含到子字符串中。)

end 是一个数字,指定子字符串结束的字符的位置。(在end位置上的字符不会包含到字符串中。)

注意,字符串中第一个字符的位置是0,最后一个是string.length-1。

示例:

  1. 'Hello'.substring(0,2)//'He'
  2. 'Hello'.substring(0,4)//'Hell'
  3. 'Hello'.substring(1,3)//'el'

5. URL-encoding

Q:我如何把一个字符串转化URL-encoding?

A:要把一个字符串转化URL编码形式以适合作为一个查询字符串传递(或者,一般来说,即作为URL的一部分),可以使用escape函数。这个函数工作原理是:数字、拉丁字母和+ - * / . _ @保持不变,其他所有字符串都被转化为%XX的转义形式,其中XX是原字符的ASCII码。例如:

escape("It's me!") // result: It%27s%20me%21
在可以识别Unicode的浏览器上(支持JavaScript1.3),函数escape会有更加复杂的动作。如果输入是Unicode字符串,将被转化为转义后的Unicode形式%uXXXX。

6. 反转义(unescape

Q:我如何从URL-encoding转化字符串?

A:要从URL-encoding形式转化字符串,可以使用JavaScript函数unescape(string)。这个函数的工作方式是:如果字符串包含形如%XX的转义序列,其中XX代表两个十六进制数字,每一个转义序列都会被ASCII码是XX的字符替代。因此,字符串保持不变。

(在可以识别Unicode的浏览器上,除了转义序列%XX外,函数unescape也可以处理%uXXXX形式的转义序列。)

例如:

unescape("It%27s%20me%21") // result: "It's me!"

分享到:
评论

相关推荐

    javascript FAQ函数(提问+回复)

    JavaScript FAQ函数是一种常见的网页交互设计,它用于实现FAQ(常见问题解答)页面中问题与答案的展开和隐藏功能。在用户点击某个问题时,对应的答案会显示出来,而其他未被点击的问题答案则保持隐藏状态,以此提高...

    JavaScript_初学者文件,最终项目和FAQ为我的终极React课程.zip

    这个压缩包“JavaScript_初学者文件,最终项目和FAQ为我的终极React课程.zip”显然是为了帮助初学者掌握JavaScript以及进阶到React框架的知识而设计的。React是Facebook推出的一个用于构建用户界面的JavaScript库,...

    FAQ.zip_FAQ_在线FAQ制作_网站faq系统

    前端负责用户交互,可能使用React、Vue.js等现代JavaScript框架;后端处理业务逻辑和数据操作,可能选择Node.js、Python的Django或Flask框架,或者是Java的Spring Boot。数据库方面,MySQL或PostgreSQL是常用的选择...

    业务框架应用FAQ

    前台获取内存数据通常通过JavaScript或Vue等前端框架实现,需要了解对应框架的API。可能涉及到的数据源包括本地存储、组件状态或全局变量。 **FAQ10:新配置的FC未被调用** 新配置的功能组件(FC)未调用可能因为配置...

    jquery常见问题FAQ展开收缩列表效果

    同时,为了实现多语言或动态加载的FAQ,我们可以将问题和答案存储在JSON对象中,然后在JavaScript中动态生成HTML结构。这将使我们的代码更灵活,便于维护和扩展。 此外,考虑到性能和可访问性,我们应该避免对大量...

    开源项目-jzelinskie-faq.zip

    这个项目可能是一个基于JQ(可能是jQuery或者其他JavaScript库)的问题与解答(FAQ)系统,或者是一个用于处理FAQ数据的工具。尽管文件格式没有明确指定,但我们可以根据文件名推测这可能是一个代码仓库的主分支。 ...

    jQuery toggle事件制作FAQ列表页.zip

    6. **结构化数据**:FAQ页面通常包含多条问题和答案,可以考虑将它们存储在JSON格式的数据中,然后在JavaScript中解析并动态渲染到页面上。这样做可以方便地管理和更新内容。 7. **响应式设计**:为了让FAQ列表在...

    如何实现简单的FAQ折叠效果.rar

    本教程将详细介绍如何使用JavaScript实现简单的FAQ折叠效果。 首先,我们需要在HTML中构建FAQ的基础结构。每个问题-答案对应该包裹在一个容器内,例如`&lt;div&gt;`,并为问题和答案设置不同的CSS类。例如: ```html ...

    可展开和收缩的jquery FAQ问答列表特效

    在IT行业中,jQuery是一种广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本文将详细探讨"可展开和收缩的jQuery FAQ问答列表特效"这一主题,以及它在实际应用中的相关知识点。 首先...

    css3列表FAQ问答特效.rar

    在压缩包中的文件"jiaoben286"可能是示例代码或一个项目文件,可能包含了实现这种CSS3列表FAQ问答特效的具体HTML结构、CSS样式以及JavaScript代码。通过查看和分析这些文件,你可以更深入地理解如何将这些技术应用于...

    FAQ管理全源代码 .rar_FAQ

    【标题】"FAQ管理全源代码 .rar_FAQ" 提供的是一个完整的FAQ(常见问题解答)管理系统的所有源代码。这个系统设计用于帮助用户高效地处理和管理与产品或服务相关的常见问题及其解答,提高客户支持和服务的质量。通过...

    FAQ可收缩jquery手风琴

    【jQuery FAQ可收缩手风琴】是一种常见的网页交互设计元素,它通过使用jQuery库实现了一个功能丰富的FAQ(常见问题解答)部分。这个设计允许用户点击问题标题,展开对应的答案,以此来节省页面空间并提高用户体验。...

    css3列表FAQ问答特效.zip

    在FAQ列表中,JavaScript可能被用来处理用户交互,比如当用户点击问题时,JavaScript可以控制相应的答案区域的显示和隐藏,实现动态展开和收起。同时,它还可以实现其他功能,如验证用户输入,或者在无刷新页面的...

    简单实用的jQuery FAQ手风琴特效

    "简单实用的jQuery FAQ手风琴特效"就是一种增强网站用户互动性的技术,它常用于常见问题解答(FAQ)部分,使得大量的信息可以以紧凑且易于浏览的方式呈现。这篇文章将深入探讨jQuery手风琴特效的原理、实现方法以及...

    jquery常见问答faq特效.rar

    在网页开发中,jQuery作为一个强大的JavaScript库,极大地简化了DOM操作、事件处理和动画制作。对于开发者而言,掌握jQuery的常见问题和解决方法,以及如何创建吸引人的FAQ(常见问题解答)特效,是提升网站用户体验...

    jQuery和css3简单实用的FAQ问答页面模板

    **jQuery和CSS3 FAQ问答页面模板详解** 在网页设计中,FAQ(常见问题解答)页面是必不可少的一部分,它能够提供用户快速找到问题解决方案的途径。本文将深入探讨一个基于jQuery和CSS3的FAQ问答页面模板,它具有人性...

    jquery实现faq问答展开折叠.rar

    《使用jQuery实现FAQ问答展开与折叠的技巧》 ...结合HTML、CSS和JavaScript,我们可以创建出既美观又实用的交互式FAQ模块。在实际开发中,根据项目需求,可以进一步定制和扩展这些基础功能,以满足更多个性化的需求。

    FAQ可收缩jquery手风琴导航.zip

    总结起来,这个“FAQ可收缩jquery手风琴导航”项目涵盖了前端开发的核心技术:HTML5用于构建网页结构,CSS负责样式和动画,JavaScript与jQuery库实现了交互功能。通过深入学习和实践这些技术,开发者可以创建出更加...

    faq.rar_FAQ_jsp faq_jsp 问答_jsp代码_问答

    在IT行业中,JSP(JavaServer Pages)是一种用于创建动态网页的技术,它是Java平台的一部分,提供了将HTML、CSS和JavaScript与服务器端Java代码相结合的能力。本FAQ(Frequently Asked Questions,常见问题解答)...

Global site tag (gtag.js) - Google Analytics