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

JavaScript FAQ(一)

阅读更多

今天在网上看到了一份很不错的JavaScript FAQ,由于担心自己并不能一直把它读完,所以就尝试翻译一些内容,和朋友们一起分享。
FAQ原地址:http://www.javascripter.net/faq/index.htm

一、常见问题

1、关于这个FAQ(About this FAQ

Q:为什么要使用这个FAQ?

A:这个FAQ的目的是帮助你开发强壮的客户端脚本,它不但可以运行在Netscape Navigator上,也同样可以运行在Microsoft Internet Explorer上,并且是在各种操作系统下。这个FAQ所收集的内容不同于以下这些:

这里回答都是基于平台无关性的编码,而不是针对某一个特定的浏览器或者平台的。
这里的大多数回答都包含交互性代码,不用离开你正在浏览的页面就可以运行并得到结果(译者注:这个需要到原文上运行,点击标题就可以进入到原文中)。

在这里你可以找到问题的解决方案,而不只是确认问题存在。例如,其他资源可能会说:对不起,JavaScript不能从服务器上读取文件。而这个FAQ就会给你解决方案:这是一个Java applet,它可以帮助JavaScript从服务器读取文件。

2、JavaScript是什么What is JavaScript

Q:JavaScript是什么?

A:JavaScript是一种被设计为在HTML页面增加交互性的脚本语言。在1995年,它由Netscape社区第一次在Netscape Navigator 2 beta上实现。JavaScript不同于Java语言(由Sun微系统开发)。不过,二者的互操作很好。

JavaScript语言或者脚本,通常被直接嵌入到HTML文件中间。当用户的浏览器打开这个HTML文件时,脚本就会执行。(其实也有服务端JavaScript,但是它已经超出了本FAQ的范围。)
JavaScript是一种解释性语言。这就是说,脚本在执行前并不会提前编译,也就是,脚本不会转化系统相关的机器码。用户的浏览器解释脚本,即,分析和立即执行。JavaScript被以下的浏览器支持:

Netscape Navigator(从2.0开始)

Microsoft Internet Explorer (从3.0开始)

其他一些浏览器/产品,它们的制造商许可或实现了JavaScript解释器(如Opera,Firefox)

因此,当前大部分因特网用户的浏览器都支持JavaScript。这也是JavaScript为什么是向网页中增加交互性最流行的工具之一。

3. JavaScript的特性(JavaScript Features

Q:JavaScript程序可以做什么?
A:下面的列表给出了一部分典型的任务,在其中JavaScript作用显著:

给予用户更多的浏览器控制权

检测用户的浏览器、操作系统、屏幕尺寸等等

在客户端执行简单的计算

验证用户的输入

处理日期和时间

在运行过程中不访问Web服务器生成HTML页面

在下面你会发现一些简单的例子来演示每一个任务。

I.给予用户更多的浏览器控制权

示例:在这里,你可以修改这个页面的背景色,还有浏览器状态栏上的文字。

choose the background color light yellow pink light blue light green white graytext on the status bar no text Welcome to JavaScript! JavaScript is not Java. It's better! I love JavaScript!

II.检测用户的浏览器和操作系统。。如果需要,这个能力可以检测到用户的浏览器和操作系统信息,让你执行平台相关的操作。

示例,不同浏览器的用户会得到不同的问候:

III.在客户端执行简单计算。

示例:这是一个JavaScript计算器,输入一个算数表达式,JavaScript就会计算它的值。

IV.验证用户数输入。

示例:在上面的计算器,如果输入字母代替数字,就会得到警告:Invaid input characters!

注意,JavaScript协助浏览器执行输入校验,而不用浪费用户访问Web服务器的时间。如果用户在输入时犯错,他就会立即得到提示。另一方面,如果输入信息只能在服务器上校验,那么用户就不得不等待服务器响应。

V.处理日期和时间。

示例1:这是一个JavaScript时钟。

当地时间:

示例2:这个脚本会根据当前时间说“Nice morning, isn't it?”或者“Good afternoon!”或者“Wow, you are not sleep yet!?”。它还会告诉你今天的日期。

VI. 运行中生成HTML页面。

示例:左侧的目录(译者注:在原文,左侧是一个目录)就是动态展开的。要查看某项的所有子项时,点击与之相应的白色箭头。隐藏时,点击箭头

每次点击这些箭头,浏览器就会在左侧框架中产生和显示一个新的HTML页面。正是由于JavaScript,这个才可以在客户端完成,因此你不用等待信息在浏览器和Web服务器之间的来往反复。

这里是一个由JavaScript实现的Back按钮。点击它,就会回到你前一个访问的页面。

分享到:
评论

相关推荐

    javascript FAQ函数(提问+回复)

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

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

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

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

    "FAQ.zip_FAQ_在线FAQ制作_网站faq系统"这个压缩包文件,显然包含了关于如何创建和管理一个在线FAQ系统的信息。 在线FAQ系统是一种交互式平台,它允许用户注册并登录,以便提出他们遇到的问题,同时鼓励其他用户或...

    开源项目-jzelinskie-faq.zip

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

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

    在JavaScript的世界里,jQuery是一个非常流行和强大的库,它简化了DOM操作、事件处理、动画效果和Ajax交互等任务。本篇文章将详细讨论在使用jQuery时,如何实现常见问题FAQ的展开收缩列表效果,这对于创建交互式的...

    业务框架应用FAQ

    业务框架是企业信息系统中用于组织和执行业务逻辑的重要组成部分,它为各类业务操作提供了一个清晰的结构。对于初学者来说,理解业务框架的应用可以帮助他们更好地掌握系统操作和流程设计。本篇文章将针对业务框架...

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

    在网页设计中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作,使得创建交互式网页变得更加简单。在这个“jQuery toggle事件制作FAQ列表页”项目中,我们重点探讨如何利用jQuery的toggle...

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

    在网页设计中,FAQ(常见问题解答)页面通常包含一系列问题和答案,为了优化用户体验,我们经常看到一种“折叠效果”,使得默认情况下只显示问题,答案则被隐藏,用户点击问题后才会展开答案。这种效果既能让页面看...

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

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

    FAQ管理全源代码 .rar_FAQ

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

    css3列表FAQ问答特效.rar

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

    FAQ可收缩jquery手风琴

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

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

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

    css3列表FAQ问答特效.zip

    综合以上,这个"css3列表FAQ问答特效"项目展示了如何结合使用CSS3、JavaScript(可能通过jQuery库)、HTML5来创建一个交互式的常见问题解答列表。这种效果不仅增加了用户界面的吸引力,也提高了用户与网站的交互体验...

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

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

    jquery常见问答faq特效.rar

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

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

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

    动态加载FAQ的AJAX例子

    本示例“动态加载FAQ的AJAX例子”是关于如何利用AJAX(Asynchronous JavaScript and XML)技术来实现这一功能的具体应用。测试已经通过,证明这个例子是可行且可靠的。 首先,我们要理解AJAX的核心概念。AJAX并非一...

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

    在网页设计中,FAQ(Frequently Asked Questions,常见问题解答)部分通常包含一系列用户可能遇到的问题及其答案。为了优化用户体验,经常采用展开与折叠的交互方式来展示这些问题,使得页面更加整洁且易于阅读。...

Global site tag (gtag.js) - Google Analytics