用javascript,用javascript制作简易计算器

javascript如何使用

1、字符串的创建

创新互联公司专业为企业提供博山网站建设、博山做网站、博山网站设计、博山网站制作等企业网站建设、网页设计与制作、博山企业网站模板建站服务，10年博山做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

创建一个字符串有几种方法。最简单的是用引号将一组字符包含起来，可以将其赋值给一个字符串变量。

var myStr = "Hello, String!";

我们在上面脚本创建了字符串，但本质上，它们并不是真正的字符串对象，准确地说，它们是字符串类型的值。要创建一个字符串对象，可使用如下语句：var strObj = new String("Hello, String!");

使用typeof运算符查看会发现，上面的myStr类型为string，而strObj类型为object。

如果想知道字符串的长度，使用其length属性：string.length。

得到字符串的指定位置的字符使用方法：string.charAt(index);

2、字符串的拼接

非常简单，就用一个"+"将两个字符串"相加"：

var longString = "One piece " + "plus one more piece.";

要将多个字符串累积为一个字符串，还可以使用"+="操作符：

var result = "";

result += "My name is Anders"

result += " and my age is 25";

要在字符串中添加换行符，需要使用转义字符"/n"：

var confirmString = "You did not enter a response to the last " +

"question./n/nSubmit form anyway?";

var confirmValue = confirm(confirmString);

但这种方法只能用在像警告、确认对话框之类的情况下，如果将这段文本作为HTML内容呈现，就无效了，此时用"br"代替它：

var htmlString = "First line of string.brSecond line of string.";

document.write(htmlString);

String对象还提供了方法concat()，它完成与"+"相同的功能：

string.concat(value1, value2, ...)

不过concat()方法显然不如"+"来得直观简洁。

3、访问字符串的子串

使用substring()或slice()方法(NN4+, IE4+)，下面说明它们的具体用法。

substring()的原型为： string.substring(from, to)

第一个参数from指定了子字符串在原字符串中的起始位置(基于0的索引)；第二个参数to是可选的，它指定了子字符串在原字符串的结束位置(基于0的索引)，一般情况下，它应比from大，如果它被省略，那么子字符串将一直到原字符串的结尾处。

如果参数from不小心比参数to大了会怎样？JavaScript会自动调解子字符串的起止位置，也就是说，substring()总是从两个参数中较小的那个开始，到较大的那个结束。不过要注意，它包含起始位置的那个字符，但不包含结束位置的那个字符。

var fullString = "Every dog has his day.";

var section = fullString.substring(0, 4); // section is "Ever".

slice()的原型为： string.slice(start, end)

参数start表示子串的起始位置，如果为负数，那么可以理解为倒数第几个开始，例如-3表示从倒数第三个开始；参数end表示结束位置，与start一样，它也可以为负数，其含义也表示到倒数第几个结束。slice()的参数可以为负数，所以要比substring()更加灵活，但没那么宽容了，如果start比end要大，它将返回一个空字符串(示例略)。

还有一个方法是substr()，其原型为： string.substr(start, length)

从原型可以看出它的参数的含义，start表示起始位置，length则表示子字符串的长度。JavaScript标准不提倡使用该方法。

4、字符串的大小写转换

使用toLowerCase()和toUpperCase()方法：

var city = "ShanGHai";

city = city.toLowerCase(); // city is "shanghai" now.

5、判断两个字符串是否相等

先将用户的输入值全部转换为大写（或小写），然后再行比较：

var name = document.form1.txtUserName.value.toLowerCase();

if(name == "urname")

{

// statements go here.

}

JavaScript有两种相等运算符。一种是完全向后兼容的，标准的"=="，如果两个操作数类型不一致，它会在某些时候自动对操作数进行类型转换，考虑下面的赋值语句：

var strA = "i love you!";

var strB = new String("i love you!");

这两个变量含有相同的字符序列，但数据类型却不同，前者为string，后者为object，在使用"=="操作符时，JavaScript会尝试各种求值，以检测两者是否会在某种情况下相等。所以下面的表达式结果为true： strA == strB。

第二种操作符是"严格"的"==="，它在求值时不会这么宽容，不会进行类型转换。所以表达式strA === strB的值为false，虽然两个变量持有的值相同。

有时代码的逻辑要求你判断两个值是否不相等，这里也有两个选择："!="和严格的"!=="，它们的关系就类似于"=="和"==="。

讨论：

"=="和"!="在求值时会尽可能地寻找值的匹配性，但你可能还是想在比较前进行显式的类型转换，以"帮助"它们完成工作。比如，如果想判断一个用户的输入值（字符串）是否等于一个数字，你可以让"=="帮你完成类型转换：

if(document.form1.txtAge.value == someNumericVar) { ... }

也可以提前转换：

if(parseInt(document.form1.txtAge.value) == someNumericVar) { ... }

如果你比较习惯于强类型的编程语言(比如C#,Java等)，那么这里你可以延续你的习惯(类型转换)，这样也会增强程序的可读性。

有一种情况需要注意，就是计算机的区域设置。如果用""和""来比较字符串，那么JavaScript把它们作为Unicode来比较，但显然，人们在浏览网页时不会把文本当作Unicode来阅读:) 比如在西班牙语中，按照传统的排序，"ch"将作为一个字符排在"c"和"d"之间。localeCompare()提供了一种方式，可以帮助你使用默认区域设置下的字符排序规则。

var strings; // 要排序的字符串数组，假设已经得到初始化

strings.sort(function(a,b) { return a.localeCompare(b) }); // 调用sort()方法进行排序

6、字符串的查找

使用string的indexOf()方法：

strObj.indexOf(subString[, startIndex])

strObj为要进行判断的字符串，subString为要在strObj查找的子字符串，startIndex是可选的，表示查找的开始位置(基于0的索引)，如果startIndex省略，则从strObj开始处查找，如果startIndex小于0，则从0开始，如果startIndex大于最大索引，则从最大索引处开始。

indexOf()返回strObj中subString的开始位置，如果没有找到，则返回-1。在脚本中，可以这么使用：

if(largeString.indexOf(shortString) != -1)

{

// 如果包含，进行相应处理；

}

也许一个字符串会包含另一字符串不止一次，这时第二个参数startIndex也许会派上用场，下面这个函数演示如何求得一个字符串包含另外一个字符串的次数：

function countInstances(mainStr, subStr)

{

var count = 0;

var offset = 0;

do

{

offset = mainStr.indexOf(subStr, offset);

if(offset != -1)

{

count++;

offset += subStr.length;

}

}while(offset != -1)

return count;

}

String对象有一个与indexOf()对应的方法，lastIndexOf()：

strObj.lastIndexOf(substring[, startindex])

strObj为要进行判断的字符串，subString为要在strObj查找的子字符串，startIndex是可选的，表示查找的开始位置(基于0的索引)，如果startIndex省略，则从strObj末尾处查找，如果startIndex小于0，则从0开始，如果startIndex大于最大索引，则从最大索引处开始。该方法自右向左查找，返回subString在strObj中最后出现的位置，如果没有找到，返回-1。

如何用JavaScript操作字符串

操作字符串的值是一般的开发人员必须面临的家常便饭。操作字符串的具体方式有很多，比如说从一个字符串是提取出一部分内容来，或者确定一个字符串是否包含一个特定的字符。下面的 JavaScript 函数为开发人员提供了他们所需要的所有功能：

• concat() – 将两个或多个字符的文本组合起来，返回一个新的字符串。

• indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项，返回 -1 。

• charAT() – 返回指定位置的字符。

• lastIndexOf() – 返回字符串中一个子串最后一处出现的索引，如果没有匹配项，返回 -1 。

• match() – 检查一个字符串是否匹配一个正则表达式。

• substring() – 返回字符串的一个子串。传入参数是起始位置和结束位置。

• replace() – 用来查找匹配一个正则表达式的字符串，然后使用新字符串代替匹配的字符串。

• search() – 执行一个正则表达式匹配查找。如果查找成功，返回字符串中匹配的索引值。否则返回 -1 。

• slice() – 提取字符串的一部分，并返回一个新字符串。

• split() – 通过将字符串划分成子串，将一个字符串做成一个字符串数组。

• length() – 返回字符串的长度，所谓字符串的长度是指其包含的字符的个数。

• toLowerCase() – 将整个字符串转成小写字母。

• toUpperCase() – 将整个字符串转成大写字母。

注意： concat 、 match 、 replace 和 search 函数是在 JavaScript 1.2 中加入的。所有其它函数在 JavaScript 1.0 就已经提供了。

下面让我们看一下如何在 JavaScript 使用这些函数。下面的代码是用到了前面提到的所有函数：

function manipulateString(passedString1, passedString2) {

var concatString;

// The string passed to concat is added to the end of the first string

concatString = passedString1.concat(passedString2);

alert(concatString);

// The following if statement will be true since first word is Tony

if (concatString.charAt(3) == "y") {

alert("Character found!");

}

// The last position of the letter n is 10

alert("The last index of n is: " + concatString.lastIndexOf("n"));

// A regular expression is used to locate and replace the substring

var newString = concatString.replace(/Tony/gi,"General");

// The following yields Please salute General Patton

alert("Please salute " + newString);

// The match function returns an array containing all matches found

matchArray = concatString.match(/Tony/gi);

for (var i=0; imatchArray.length;i++) {

alert("Match found: " + matchArray[i]);

}

// Determine if the regular expression is found, a –1 indicates no

if (newString.search(/Tony/) == -1) {

alert("String not found");

} else {

alert("String found.");

}

// Extract a portion of the string and store it in a new variable

var sliceString = newString.slice(newString.indexOf("l")+2,newString.length);

alert(sliceString);

// The split function creates a new array containing each value separated by a space

stringArray = concatString.split(" ");

for (var i=0; istringArray.length;i++) {

alert(stringArray[i];

}

alert(newString.toUpperCase());

alert(newString.toLowerCase());

}

下面是执行上面的代码得到的结果：

Tony Patton

Character Found!

The last index of n is: 10

Match found: Tony

Please salute General Patton

String not found

Patton

Tony

Patton

GENERAL PATTON

general patton

示例代码把所有这些提到的函数都用到了。

特殊字符

除了这些函数之外，还有很多的特殊字符可以用来表示关键的效果。这些特殊字符包括：

• – 跳格键

• – 退格 / 删除

• – 回车

• – 换行

• f – 换页

特殊字符最常见的用途就是格式化输出。例如，你可能需要在输出中插入一个换行来正确地显示一个值。而且，在换行时也需要回车。在一些平台上，“ ”已经足够产生换行效果了，而在一些机器上要正确地显示一个换行则需要“ ”。下面的例子显示了在一个多行窗口上显示的特殊字符：

var output = null;

output = "Special Characters";

output += " ";

output += "===============";

output += " ";

output += "t - tab";

output += " ";

output += "b - backspace/delete";

output += " ";

output += "r - carriage return";

output += " ";

output += "n - newline";

output += " ";

output += "f - form feed";

output += " ";

alert(output);

前面的例子使用加号来连接字符串，而没有使用 concat 函数。原因很简单，对于 concat 函数来说，每一个操作都需要一个新的变量；反之，我们这里用的这种方法则简单地扩展了原有的值，而不需要新的变量。而且，示例中使用换码符来正确地显示特殊字符。系统将一个反斜线当作一个信号，认为它后面会跟一个特殊字符，但是连着两个反斜线则抵消这种操作。输出中的每个字符都通过 newline 特殊字符被显示在新的一行。

添加到工具箱中

特殊字符和函数可以与其它 JavaScript 技巧结合起来解决很多问题。其中一种情况是用来进行 JavaScript 客户端表单验证，这篇文章中提出的方法可以简单地用来实现表单验证。

下面的代码将在一个表单被提交时调用。要提交的表单包含三个域：名称、地址和邮政编码。为了实现起来比较简单，我们只验证每个域都不能为空，并且邮政编码必须是数字。下面的 JavaScript 代码完成这一功能：

function validation() {

var doc = document.forms[0];

var msg = "";

if (doc.Name.value == "") {

msg += "- Name is missing ";

}

if (doc.Address.value == "") {

msg += "- Address is missing ";

}

if (doc.ZipCode.value == "") {

msg += "- Zip code is missing ";

}

var zip = new String(doc.ZipCode.value);

if (zip.search(/^[0-9][0-9][0-9][0-9][0-9]$/)==-1) {

msg += "- Enter valid Zip code";

}

if (msg == "") {

doc.submit;

} else {

msg = "Please correct the following validation errors and re-submit: " + msg;

alert(msg);

}

}

在用户提交表单时，这个函数就会被调用。对函数的调用是在一个 HTML 按钮的 onSubmit 事件中实现的。

input type="button" type="submit" value="submit" onClick="validation()"

验证函数检查每个域是否为空。如果发现了一个空值，那么就会在验证消息变量 msg 后面添加一个出错消息。此外，还使用了一个正则表达式来验证邮政编码域的格式。在这里，我们只接受五位数的美国地区邮政编码。如果发现有任何错误（即 msg 变量不为空），那么程序就会显示一个错误消息；否则的话，程序就会提交表单。

一门强大的语言

JavaScript 已经发展成熟为一种功能完备的语言，能够用来构建强大的应用程序。它是对具有非连接性天性的 Web 界面的一个完美的补充，能够在不与 Web 服务器交互的情况下完成很多客户端操作。

为什么要使用JavaScript

你根本就不了解javascript，知道为什么非得用javascript么？因为你没有选择，现在越来越流行，用的越来越多。你根本就不知道javascript的强大之处，在javascript中，美丽的、优雅的语言特性，就像珍珠和一堆鱼目混杂在一起一样。任何语言都有精华和鸡肋部分，但是javascript中的鸡肋部分的比重超出了预料，在短到令人吃惊的时间里，js从不存在发展到全球采用，它从没有被试用和打磨，基于某种目的，还在非常粗糙的时候，就被直接集成到浏览器中，这是js被误解的原因之一。JavaScript的功能也可以使用其他工具实现？你给我举一个例子我听听

javascript 有什么作用

根据百度百科中对JavaScript的解释可知，JavaScript主要具有以下作用：

嵌入动态文本于HTML页面中；

对浏览器事件作出响应；

读写HTML元素；

在数据被提交到服务器之前验证数据；

检测访客的浏览器信息；

控制cookies，包括创建和修改等；

基于Node.js技术进行服务器端编程。

JavaScript除了具有以上作用之外还具有以下特点：

是一种解释性脚本语言；

主要用来向HTML页面添加交互行为；

可以直接嵌入HTML页面；通常写成独立的js文件有利于结构和行为的分离；

跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行。