什么是javascript方法，JavaScript中的方法如何使用
大家好，关于什么是javascript方法很多朋友都还不太明白，今天小编就来为大家分享关于JavaScript中的方法如何使用的知识，希望对各位有所帮助！
javascript是什么意思
一种由Netscape的LiveScript发展而来的脚本语言，它提高与Java的兼容性。JavaScript采用HTML页作为其接口
为了使网页能够具有交互性，能够包含更多活跃的元素，就有必要在网页中嵌入其它的技术。如：Javascript、VBScript、Document Object Model（文件目标模块）、Layers和 Cascading Style Sheets（CSS），这里主要讲Javascript。那么Javascript是什么东东？Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言，如今越来越广泛地使用于Internet网页制作上。 Javascript是由 Netscape公司开发的一种脚本语言（scripting language），或者称为描述语言。在HTML基础上，使用Javascript可以开发交互式Web网页。Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。运行用Javascript编写的程序需要能支持Javascript语言的浏览器。Netscape公司 Navigator 3．0以上版本的浏览器都能支持 Javascript程序，微软公司 Internet Explorer 3．0以上版本的浏览器基本上支持Javascript。微软公司还有自己开发的Javascript，称为JScript。 Javascript和Jscript基本上是相同的，只是在一些细节上有出入。 Javascript短小精悍，又是在客户机上执行的，大大提高了网页的浏览速度和交互能力。同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。
虽然，在Dreamweaver的Behaviors可以为我们方便地使用Javascript程序而不用编写代码，但我们自己了解了Javascript的编程方法后，将能更加方便灵活地应用，也使 Javascript的代码更简练。本专题通过对一系列典型程序的剖析，使你快速地掌握Javascript的编程技巧，设计出质量上乘的动态网页打下坚实的基础。在此之前，我们先了解一些Javascript的基本概念。
JavaScript有什么特点
JavaScript使网页增加互动性。JavaScript使有规律地重复的HTML文段简化，减少下载时间。JavaScript能及时响应用户的操作，对提交表单做即时的检查，无需浪费时间交由 CGI验证。JavaScript的特点是无穷无尽的，只要你有创意。
Java与 JavaScript有什么不同
很多人看到 Java和 JavaScript都有“Java”四个字，就以为它们是同一样东西，连我自己当初也是这样。其实它们是完完全全不同的两种东西。Java，全称应该是 Java Applet，是嵌在网页中，而又有自己独立的运行窗口的小程序。Java Applet是预先编译好的，一个 Applet文件（.class）用 Notepad打开阅读，根本不能理解。Java Applet的功能很强大，可以访问 http、ftp等协议，甚至可以在电脑上种病毒（已有先例了）。相比之下，JavaScript的能力就比较小了。JavaScript是一种“脚本”（“Script”），它直接把代码写到 HTML文档中，浏览器读取它们的时候才进行编译、执行，所以能查看 HTML源文件就能查看JavaScript源代码。JavaScript没有独立的运行窗口，浏览器当前窗口就是它的运行窗口。它们的相同点，我想只有同是以 Java作编程语言一点了。
开发 JavaScript该用什么软件
一个 JavaScript程序其实是一个文档，一个文本文件。它是嵌入到 HTML文档中的。所以，任何可以编写 HTML文档的软件都可以用来开发 JavaScript。在此我推荐大家用 FrontPage 2000附带的 Microsoft脚本编辑器（在 FrontPage菜单|工具|宏| Microsoft脚本编辑器）。它是个像 Visual Basic/ C++一样的程序开发器，能对正在输入的语句作出简要提示。配合 FrontPage 2000，使工作量大大减少。
一、Javascript在网页的用法
Javascript加入网页有两种方法：
1、直接加入HTML文档
这是最常用的方法，大部分含有Javascript的网页都采用这种方法，如：
<script language="Javascript">
<!--
document.writeln("这是Javascript！采用直接插入的方法！");
//-Javascript结束-->
</script>
在这个例子中，我们可看到一个新的标签：<script>……</script>，而<script language="Javascript”>用来告诉浏览器这是用Javascript编写的程序，需要调动相应的解释程序进行解释。
HTML的注释标签<!--和-->：用来去掉浏览器所不能识别的Javascript源代码的，这对不支持 Javascript语言的浏览器来说是很有用的。
//-Javascript结束：双斜杠表示 Javascript的注释部分，即从//开始到行尾的字符都被忽略。至于程序中所用到的document．write（）函数则表示将括号中的文字输出到窗口中去，这在后面将会详细介绍。另外一点需要注意的是，<script>……</script>的位置并不是固定的，可以包含在< head>......</head>或<body>.....</body>中的任何地方。
2、引用方式如果已经存在一个Javascript源文件（以js为扩展名），则可以采用这种引用的方式，以提高程序代码的利用率。其基本格式如下：
<script src＝url language="Javascript"></script>
其中的Url就是程序文件的地址。同样的，这样的语句可以放在HTML文档头部或主体的任何部分。如果要实现“直接插入方式”中所举例子的效果，可以首先创建一个Javascript源代码文件“Script.js”，其内容如下：
document.writeln("这是Javascript！采用直接插入的方法！");
在网页中可以这样调用程序：<script src＝"Script.js" language="Javascript"></script>。
二、Javascript基本概念
在这里只作简单介绍，在以后的例子中结程序再作具体解释其作用。
1、运算符
运算符就是完成操和的一系列符号，它有七类：
赋值运算符、算术运算符、比较运算符、逻辑运算符、条件运算、位操作运算符和字符串运算符。
2、表达式
运算符和操作数的组合称为表达式，通常分为四类：赋值表达式、算术表达式、布尔表达式和字符串表达式。
3、语句
Javascript程序是由若干语句组成的，语句是编写程序的指令。Javascript提供了完整的基本编程语句，它们是：
赋值语句、switch选择语句、while循环语句、for循环语句、do while循环语句、break循环中止语句和continue循环中断语句。
4、函数
函数是命名的语句段，这个语句段可以被当作一个整体来引用不着和执行。使用函数要注意以下几点：
1）函数由关键字function定义；
2）函数必须先定义后使用，否则将出错；
3）函数名是调用函数时引用的名称，它对大小写是敏感的，调用函数时不可写错函数名；
4）参数表示传递给函数使用或操作的值，它可以是常量，也可以是变量；
5）return语句用于返回表达式的值，也可以没有。
5、对象
Javascript的一个重要功能就是基于对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。
一组包含数据的属性和对属性中包含数据进行操作的方法，称为对象。比如要设定网页的背景颜色，所针对的对象就是document，所用的属性名是bgcolor，如document.bgcolor="blue"，就是表示使背景的颜色为蓝色。
6、事件
用户与网页交互时产生的操作，称为事件。绝大部分事都由用户的动作所引发，如：用户按鼠标的按钮，就产生onclick事件，若鼠标的指针的链接上移动，就产生onmouseover事件等等。在Javascript中，事件往往与事件处理程序配套使用。
学习Javascript比较快速有效的方法是先熟悉一些基本概念，然后找几个别人设计好的程序认真仔细地分析一遍，再稍作改动，再看看能否达到预期目的，不断地举一反三，既可以加深对一些参数、设计方法的理解，又可以快速地提高自己的水平。另外，再提醒一下：Javascript对大小写是敏感的，特别是一些对象、方法、属性的大小写一定要一致，要养成一种良好的习惯，否则在调试程序时可要累死你了。
7、变量
如 var myVariable="some value";
JavaScript中的方法如何使用
方法是分配给对象属性的函数，当在对象的属性中定义函数时，它被称为该对象的方法而不被称为函数，本篇文章就来给大家介绍关于JavaScript中方法的使用。
属性是预先设置的特定信息（值），其中添加了名称（属性名称）。在其属性中，该函数被特别称为“方法”。
我们来看具体的示例
在下面的程序中，我们基于交通灯blue，yellow，red创建一个对象，并将其放在一个名为traffic_light的变量中。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<script>
var traffic_light={
blue:"go",
yellow:"slow down",
red:"stop"
}
</script>
</body>
</html>我们在这里添加了一个名为current的属性。在current中包含交通信号灯的颜色。
<script>
var traffic_light={
blue:"go",
yellow:"slow down",
red:"stop", current:""
}
</script>改变交通灯颜色的函数定义为change_light。然后，通过调用名为change_light的方法（函数）来更改此current的值。
我们首先定义函数change_light
继续在上面的程序中使用function，让我们暂时定义函数为change_light。
让我们考虑下一个信号调用change_light以确定要调用的下一个属性的行为，具体取决于当时当前的内容。
使用switch语句将change_light设置为四种模式。
如果current中包含的属性为blue，则下一个属性将更改为yellow。
如果current中包含的属性为yellow，下一个属性将更改为red。
如果current中包含的属性为red，下一个属性将更改为blue。
默认是blue。
<script>
var traffic_light={
blue:"go",
yellow:"slow down",
red:"stop",
current:""
}
function change_light(){
switch(traffic_light.current){
case traffic_light.blue:
traffic_light.current= traffic_light.yellow;
break;
case traffic_light.yellow:
traffic_light.current= traffic_light.red;
break;
case traffic_light.red:
traffic_light.current= traffic_light.blue;
break;
default:
traffic_light.current= traffic_light.blue;
break
}
}
</script>接下来，通过在console.log中调用current来查看结果
<script>
var traffic_light={
blue:"go",
yellow:"slow down",
red:"stop",
current:""
}
function change_light(){
switch(traffic_light.current){
case traffic_light.blue:
traffic_light.current= traffic_light.yellow;
break;
case traffic_light.yellow:
traffic_light.current= traffic_light.red;
break;
case traffic_light.red:
traffic_light.current= traffic_light.blue;
break;
default:
traffic_light.current= traffic_light.blue;
break
}
} change_light();
console.log(traffic_light.current);
</script>因为默认的属性设置为blue，所以输出blue的值为go。
使用console.log重复三次调用......
<script>
var traffic_light={
blue:"go",
yellow:"slow down",
red:"stop",
current:""
}
function change_light(){
switch(traffic_light.current){
case traffic_light.blue:
traffic_light.current= traffic_light.yellow;
break;
case traffic_light.yellow:
traffic_light.current= traffic_light.red;
break;
case traffic_light.red:
traffic_light.current= traffic_light.blue;
break;
default:
traffic_light.current= traffic_light.blue;
break
}
}
change_light();
console.log(traffic_light.current);
change_light();
console.log(traffic_light.current);
change_light();
console.log(traffic_light.current);
change_light();
console.log(traffic_light.current);
</script>current的变化从blue->yellow->red->blue
值的输出为go->slow down->stop->go
最后就让我们来看看让change_light作为traffic_light的方法的使用
要做的是在current：“”之后设置属性名称change_light，并使用以下函数对其进行分隔（比如用“：”分隔它们）。（此时，连续的函数名称change_light是重复的，所以可以删除它）
<script>
var traffic_light={
blue:"go",
yellow:"slow down",
red:"stop",
current:"",
change_light:function(){
switch(traffic_light.current){
case traffic_light.blue:
traffic_light.current= traffic_light.yellow;
break;
case traffic_light.yellow:
traffic_light.current= traffic_light.red;
break;
case traffic_light.red:
traffic_light.current= traffic_light.blue;
break;
default:
traffic_light.current= traffic_light.blue;
break
}
}
}
</script>现在，teaffic_light对象将有一个名为change_light的方法。
我们以同样的方式在consoe.log中调用它。这次重复执行四次。
在调用对象中的每个属性时，可以通过将“.”放入变量名称后跟属性名称来调用属性值。因此，当你想要在变量traffic_light中包含的对象中调用方法（属性）时，它变为如下所示。
<script>
var traffic_light={
blue:"go",
yellow:"slow down",
red:"stop",
current:"",
change_light:function(){
switch(traffic_light.current){
case traffic_light.blue:
traffic_light.current= traffic_light.yellow;
break;
case traffic_light.yellow:
traffic_light.current= traffic_light.red;
break;
case traffic_light.red:
traffic_light.current= traffic_light.blue;
break;
default:
traffic_light.current= traffic_light.blue;
break
}
}
}
traffic_light.change_light();
console.log(traffic_light.current);
traffic_light.change_light();
console.log(traffic_light.current);
traffic_light.change_light();
console.log(traffic_light.current);
traffic_light.change_light();
console.log(traffic_light.current);
</script>运行结果如下：
结果没有改变，因为函数change_light只是traffic_light的对象的方法。
javascript中函数和方法的区别
经常谈论起函数和方法，也常常搞不清楚它们之间的界限，经常把两个混用。首先来看看，两者是如何定义的？
函数（function）是可以执行的javascript代码块，由javascript程序定义或javascript实现预定义。函数可以带有实际参数或者形式参数，用于指定这个函数执行计算要使用的一个或多个值，而且还可以返回值，以表示计算的结果。
方法（method）是通过对象调用的javascript函数。也就是说，方法也是函数，只是比较特殊的函数。假设有一个函数是fn，一个对象是obj，那么就可以定义一个method：
obj.method=fn;
obj.method();//定义之后的调用
虽然区别对待函数和方法比较有用，但实际比较起来，它们之间并没有想象中那么大的差别。函数是可以用函数直接定义，也就是函数可以直接储存在变量之中，因为函数和字符串、数值一样也是数据类型。假如储存函数的变量是全局变量，也即是window对象的一个属性。因此，当你调用这个函数时，实际上也是调用window对象的一个方法。所以在函数和方法之间并没有技术上的区别，真正的差别在于设计和目的，方法是用来对this对象进行操作的，this对象是方法的一个重要属性，当this对象出现在方法主体内部，this值就指向调用该方法的对象。而函数通常是独立的，并不需要经常使用this对象。
关于什么是javascript方法到此分享完毕，希望能帮助到您。