javascript基本语句 JavaScript常用句型
各位老铁们好，相信很多人对javascript基本语句都不是特别的了解，因此呢，今天就来为大家分享下关于javascript基本语句以及JavaScript常用句型的问题知识，还望可以帮助大家，解决大家的一些困惑，下面一起来看看吧！
JavaScript语句分类大全
1、赋值语句:var
2.return语句
3、条件分支语句 if...else,switch
4、循环语句 for,for...in,while,break,continue.
5、对象操作语句with,new,delete,this
6、注释语句
7、函数定义语句：function,return
1、变量声明赋值语句:var
var语句声明了一个变量的名称，同时也可以让这个变量具有一个初始值。
如果var语句在一个函数中声明变量，则这个变量的有效区域只限于这个函数，叫局部变量;如果var语句在函数体外，则有效区为整个应用程序，叫全局变量。
在函函数体外声明一个变量可以不用var,给出变量的值就可以了。(但推荐使用var)
var的语法如下：
例：
word" bgColor=#f3f3f3>
varComputer=9//Computer是一个整数变量，初值为9
Computer=9//Computer是一个整数变量，初值为9
2.return语句
return语句指明将由函数返回的值。
语法如下：
return表达式;
如果这里省略了表达式，或者函数结束时根本没有return语句，这个函数就返回一个undefined类型的值。
3、条件分支语句 if...else,switch
1.if...else
1)基本格式
if(表述式)
语句段1;
......
else
语句段2;
......
2)功能：若表达式为true，则执行语句段1;否则执行语句段2。
3)说明：
·if-else语句是JavaScript中最基本的控制语句，通过它可以改变语句的执行顺序。
·表达式中必须使用关系语句，来实现判断，它是作为一个布尔值来估算的。
·它将零和非零的数分别转化成false和true。
·若if后的语句有多行，则必须使用花括号将其括起来。
4)if语句的嵌套
if(布尔值)语句1;
else(布尔值)语句2;
else if(布尔值)语句3;
else语句4;
在这种情况下，每一级的布尔表述式都会被计算，若为真，则执行其相应的语句，否则执行else后的语句。
示例：
script
functionabcd()
{
vard=confirm("请选择确定或者取消");
if(d==1){
alert("你选择的是确定");
}
else{
alert("你选择的是取消");
}
}
/script
5).switch语句
分支语句switch可以根据一个变量的不同取值而采取不同的处理方法。
switch的语法如下：
switch(表达式){
case label 1:
执行语句;
case label 2:
执行语句;
default:
执行语句;
}
示例：
script
vard=newDate();
switch(d.getDate()){
case0:document.write("星期一");break;
case1:document.write("星期二");break;
case2:document.write("星期三");break;
case3:document.write("星期四");break;
case4:document.write("星期五");break;
case5:document.write("星期六");break;
case6:document.write("星期日");break;
}
/script
4、循环语句 for,for...in,while,break,continue.
1.for
1)基本格式
for(初始化;条件;增量)
语句集;
2)功能：实现条件循环，当条件成立时，执行语句集，否则跳出循环体。
3)说明：
·初始化参数告诉循环的开始位置，必须赋予变量的初值;
·条件：是用于判别循环停止时的条件。若条件满足，则执行循环体，否则跳出。
·增量：主要定义循环控制变量在每次循环时按什么方式变化。
·三个主要语句之间，必须使用逗号分隔。
2.for...in
这个语句与for语句有一点不同。它循环的范围是一个对象所有的属性或者是一个数组的所有元素。
语法如下：
for(变量in对象或数组){
执行语句......
}
4).while语句
1)基本格式
while(条件)
语句集;
该语句与For语句一样，当条件为真时，重复循环，否则退出循环。
2)For与while语句
两种语句都是循环语句，使用For语句在处理有关数字时更易看懂，也较紧凑;而while循环对复杂的语句效果更特别。
示例：
这是1级标题
这是2级标题
这是3级标题
script
i=1;
while(i=3){
document.write("h"+i+"这是"+i+"级标题"+"/h"+i+"");
i++;
}
/script
4、break和continue语句
与C++语言相同，使用break语句使得循环从For或while中跳出，continue使得跳过循环内剩余的语句而进入下一次循环。
5、对象操作语句with,new,delete,this
1).with
使用该语句的意思是：在该语句体内，任何对变量的引用被认为是这个对象的属性，以节省一些代码。
with object{
...}
所有在with语句后的花括号中的语句，都是在后面object对象的作用域的。
2).this关键字
this是对当前的引用，在JavaScript由于对象的引用是多层次，多方位的，往往一个对象的引用又需要对另一个对象的引用，而另一个对象有可能又要引用另一个对象，这样有可能造成混乱，最后自己已不知道现在引用的那一个对象，为此JavaScript提供了一个用于将对象指定当前对象的语句this。
3).New运算符
虽然在JavaScript中对象的功能已经是非常强大的了。但更强大的是设计人员可以按照需求来创建自己的对象，以满足某一特定的要求。使用New运算符可以创建一个新的对象。其创建对象使用如下格式：
Newobject=NEW Object(Parameters table);
其中Newobject创建的新对象：object是已经存在的对象; parameters table参数表;new是JavaScript中的命令语句。
如创建一个日期新对象
newData=New Data()
birthday=New Data(December 12.1998)
之后就可使NewData、birthday作为一个新的日期对象了。
4.delete
同new相反，可以删除一个对象的实例。
6、注释语句(只是给人看的，浏览器不执行的语句)
//这是一个单行的注释
/*这样的注释可以是多行的
......
*/
7、函数定义语句：function,return
1.function
function用来定义一个函数，让济浏览器知道有这样一个函数，但只有当函数被调用时才会执行。
定义方法如下：
function函数名(参数表)
{
函数执行部分
}
下面举下个简单的例了来看看吧：
html
head
title欢迎光临/title
scriptlanguage="javascript"
functiongo()//定义一个函名为go的函数
{
alert("欢迎光临")
}
/script
/head
body
inputtype="button"onclick="go()"value="请点击"
!--单击按钮调用上面定义的函数--
/body
/html
说明：
当调用函数时,所用变量或字面量均可作为变量传递。
函数由关键字Function定义。
函数名：定义自己函数的名字。
参数表，是传递给函数使用或操作的值，其值可以是常量，变量或其它表达式。
通过指定函数名(实参)来调用一个函数。
必须使用Return将值返回。
函数名对大小写是敏感的。
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中的各种控制结构。
一、条件选择结构
条件选择语句用于基于不同的条件来执行不同的动作，通常在写代码时，总是需要为不同的决定来执行不同的
动作，可以在代码中使用条件语句来完成该任务。
在JavaScript中，我们可使用以下条件语句：
if语句：只有当指定条件为true时，使用该语句来执行代码
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>JS流程控制语句</title>
</head>
<body>
<p>如果时间早于 20:00，会获得问候"Good day"。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script type="text/javascript">
var time=new Date().getHours();
document.write("当前北京时间："+time);
function myFunction()
{
var x="";
if(time<20)
{
x="Good day";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
运行的结果为：
if...else语句：当条件为true时执行代码，当条件为 false时执行其他代码
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>JS流程控制语句</title>
</head>
<body>
<p>如果时间早于 20:00，会获得问候"Good day"。如果时间晚于 20:00，会获得问候"Good evening"。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script type="text/javascript">
var time=new Date().getHours();
document.write("当前北京时间："+time);
function myFunction()
{
var x="";
if(time<20)
{
x="Good day";
}
else
{
x="Good evening";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
运行的结果为：
if...else if....else语句：使用该语句来选择多个代码块之一来执行
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>JS流程控制语句</title>
</head>
<body>
<p>如果时间早于 10:00，会获得问候"Good morning"。</p>
<p>如果时间早于 20:00，会获得问候"Good day"。</p>
<p>如果时间晚于 20:00，会获得问候"Good evening"。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script type="text/javascript">
var time=new Date().getHours();
document.write("当前北京时间："+time);
function myFunction()
{
var x="";
if(time<10)
{
x="Good morning";
}
else if(time<20)
{
x="Good day";
}
else
{
x="Good evening";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
运行的结果为：
switch语句：使用该语句来选择多个代码块之一来执行。switch语句用于基于不同的条件来执行不同的动作
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>JS流程控制语句2</title>
</head>
<body>
<p>点击下面的按钮来显示今天是周几：</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script type="text/javascript">
var d=new Date().getDay();
document.write("今天的星期代表数字："+d);
function myFunction()
{ var x;
switch(d)
{
case 0:
x="Today it's Sunday";
break;
case 1:
x="Today it's Monday";
break;
case 2:
x="Today it's Tuesday";
break;
case 3:
x="Today it's Wednesday";
break;
case 4:
x="Today it's Thursday";
break;
case 5:
x="Today it's Friday";
break;
case 6:
x="Today it's Saturday";
break;
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
运行的结果：
default关键字的使用
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>JS流程控制语句2</title>
</head>
<body>
<p>点击下面的按钮来显示今天是周几：</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script type="text/javascript">
var d=new Date().getDay();
document.write("今天的星期代表数字："+d);
function myFunction()
{ var x;
switch(d)
{
case 6:
x="Today it's Saturday";
break;
case 0:
x="Today it's Sunday";
break;
default:
x="Looking forward to the Weekend";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
运行的结果为：
二、循环结构
循环可以将代码块执行指定的次数。
JavaScript支持不同类型的循环：
(1)for语句：循环代码块一定的次数
for(var box=1;box<=10;box++)
{
document.write("box="+box+"<br/>");
}
运行的结果为：
(2)for...in语句：循环遍历对象的属性
var box={
name:"张三",
age:24,
sex:"男"
};
for(x in box)
{
document.write(box[x]+"<br/>");
}
运行的结果为：
(3)while语句：当指定的条件为 true时循环指定的代码块。先判断，再执行语句，这种比较实用。
var box=1;
while(box<=5)
{
document.write("box="+box+"<br/>");
box++;
}
运行的结果为：
(4)do...while-同样当指定的条件为 true时循环指定的代码块。先执行一次，再判断
var box=1;
do{
document.write("box="+box+"<br/>");
box++;
}while(box<=10)
运行的结果为：
三、其他语句
(1)break语句：用于跳出循环。
for(var box=1;box<=10;box++)
{
if(box==5)
{
break;//强制退出整个循环
}
document.write("box="+box+"<br/>");
}
运行的结果为：
执行到第四次循环时不再继续执行，跳出了真个循环,，输出的少了box=5以后的循环。
(2)continue语句：用于跳过循环中的一个迭代。
for(var box=1;box<=10;box++)
{
if(box==5)
{
continue;//退出当前循环，还会继续执行后面的循环
}
document.write("box="+box+"<br/>");
}
运行的结果为：
执行到第四次循环时，跳出第五次循环，继续向下面执行，输出的少了box=5。
(3)with语句：将代码的作用域设置到一个特定的对象中
先来看一般我们是怎么样输出对象的属性的值的：
var box={
name:"张三",
age:24,
sex:"男"
};
var n=box.name;
var a=box.age;
var s=box.sex;
document.write(n+"<br/>");
document.write(a+"<br/>");
document.write(s);
运行的结果为：
改用with语句来写：
var box={
name:"张三",
age:24,
sex:"男"
};
with(box){
var n=name;
var a=age;
var s=sex;
};
document.write(n+"<br/>");
document.write(a+"<br/>");
document.write(s);
关于本次javascript基本语句和JavaScript常用句型的问题分享到这里就结束了，如果解决了您的问题，我们非常高兴。