您的当前位置:首页【JavaScript教程】JavaScript语句
广告

【JavaScript教程】JavaScript语句

2023-12-01 来源:六三科技网

JavaScript 语句

JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

JavaScript 语句

JavaScript 语句是发给浏览器的命令。

这些命令的作用是告诉浏览器要做的事情。

下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好 Dolly" :

实例

document.getElementById("demo").innerHTML = "Hello Dolly.";

分号 ;

分号用于分隔 JavaScript 语句。

通常我们在每条可执行的语句结尾添加分号。

使用分号的另一用处是在一行中编写多条语句。

Writing:

a = 5;b = 6;c = a + b;

Is the same as writing:

a = 5; b = 6; c = a + b;

您也可能看到不带有分号的案例。 在 JavaScript 中,用分号来结束语句是可选的。

JavaScript 代码

JavaScript 代码是 JavaScript 语句的序列。

浏览器按照编写顺序依次执行每条语句。

本例向网页输出一个标题和两个段落:

实例

document.getElementById("demo").innerHTML="你好 Dolly";document.getElementById("myDIV").innerHTML="你最近怎么样?";

JavaScript 代码块

JavaScript 可以分批地组合起来。

代码块以左花括号开始,以右花括号结束。

代码块的作用是一并地执行语句序列。

本例向网页输出一个标题和两个段落:

实例

function myFunction(){document.getElementById("demo").innerHTML="你好Dolly";document.getElementById("myDIV").innerHTML="你最近怎么样?";}

您将在稍后的章节学到更多有关函数的知识。

JavaScript 语句标识符

JavaScript 语句通常以一个 语句标识符 为开始,并执行该语句。

语句标识符是保留关键字不能作为变量名使用。

下表列出了 JavaScript 语句标识符 (关键字) :

<table class="reference" "style="width: 100%" style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "PingFang SC", "Helvetica Neue", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">

语句

描述

break 用于跳出循环。

catch 语句块,在 try 语句块执行出错时执行 catch 语句块。

continue 跳过循环中的一个迭代。

do ... while 执行一个语句块,在条件语句为 true 时继续执行该语句块。

for 在条件语句为 true 时,可以将代码块执行指定的次数。

for ... in 用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。

function 定义一个函数

if ... else 用于基于不同的条件来执行不同的动作。

return 退出函数

switch 用于基于不同的条件来执行不同的动作。

throw 抛出(生成)错误 。

try 实现错误处理,与 catch 一同使用。

var 声明一个变量。

while 当条件语句为 true 时,执行语句块。

JavaScript 对大小写敏感。

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时,请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样,变量 myVariable 与 MyVariable 也是不同的。

空格

JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的:

var person="Hege";var person = "Hege";

对代码行进行折行

您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:

document.write("你好 世界!");

不过,您不能像这样折行:

document.write ("你好世界!");

您知道吗?

提示:JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。

小编还为您整理了以下内容,可能对您也有帮助:

JavaScript教程--从入门到精通(3)

JavaScript程序构成

JavaScript脚本语言的基本构成是由控制语句 函数 对象 方法 属性等 来实现编程的

一 程序控制流  在任何一种语言中 程序控制流是必须的 它能使得整个程序减小混乱 使之顺利按其一定的方式执行 下面是JavaScript常用的程序控制流结构及语句:1 if条件语句 基本格式if(表述式)语句段1 else语句段2  功能 若表达式为true 则执行语句段1 否则执行语句段2  说明 if else 语句是JavaScript中最基本的控制语句 通过它可以改变语句的执行顺序 表达式中必须使用关系语句 来实现判断 它是作为一个布尔值来估算的 它将零和非零的数分别转化成false和true 若if后的语句有多行 则必须使用花括号将其括起来  if语句的嵌套if(布尔值)语句1 else(布尔值)语句2 else if(布尔值)语句3 ……else 语句4  在这种情况下 每一级的布尔表述式都会被计算 若为真 则执行其相应的语句 否则执行else后的语句  2 For循环语句 基本格式for(初始化 条件 增量)语句集  功能 实现条件循环 当条件成立时 执行语句集 否则跳出循环体  说明 初始化参数告诉循环的开始位置 必须赋予变量的初值 条件 是用于判别循环停止时的条件 若条件满足 则执行循环体 否则 跳出 增量 主要定义循环控制变量在每次循环时按什么方式变化 三个主要语句之间 必须使用逗号分隔  3 while循环 基本格式while(条件)语句集 该语句与For语句一样 当条件为真时 重复循环 否则退出循环  For与while语句  两种语句都是循环语句 使用For语句在处理有关数字时更易看懂 也较紧凑 而while循环对复杂的语句效果更特别

4 break和continue语句  与C++语言相同 使用break语句使得循环从For或while中跳出 continue使得跳过循环内剩余的语句而进入下一次循环

二 函数  函数为程序设计人员提供了一个丰常方便的能力 通常在进行一个复杂的程序设计时 总是根据所要完成的功能 将程序划分为一些相对独立的部分 每部分编写一个函数 从而 使各部分充分独立 任务单一 程序清晰 易懂 易读 易维护 JavaScript函数可以封装那些在程序中可能要多次用到的模块 并可作为事件驱动的结果而调用的程序 从而实现一个函数把它与事件驱动相关联 这是与其它语言不样的地方

1 JavaScript函数定义Function 函数名 (参数 变元){函数体; Return 表达式;}说明  当调用函数时 所用变量或字面量均可作为变元传递  函数由关键字Function定义  函数名 定义自己函数的名字  参数表 是传递给函数使用或操作的值 其值可以是常量 变量或其它表达式  通过指定函数名(实参)来调用一个函数  必须使用Return将值返回  函数名对大小写是敏感的  2 函数中的形式参数   在函数的定义中 我们看到函数名后有参数表 这些参数变量可能是一个或几个 那么怎样才能确定参数变量的个数呢?在JavaScript中可通过arguments Length来检查参数的个数 例 Function function_Name(exp exp exp exp )Number =function _Name arguments length;if (Number> )document wrile(exp );if (Number> )document write(exp );if(Number> )document write(exp );

三 事件驱动及事件处理1 基本概念  JavaScript是基于对象(object based)的语言 这与Java不同 Java是面向对象的语言 而基于对象的基本特征 就是采用事件驱动(event driven) 它是在用形界面的环境下 使得一切输入变化简单化 通常鼠标或热键的动作我们称之为事件(Event) 而由鼠标或热键引发的一连串程序的动作 称之为事件驱动(Event Driver) 而对事件进行处理程序或函数 我们称之为事件处理程序(Event Handler)

2 事件处理程序  在JavaScript中对象事件的处理通常由函数(Function)担任 其基本格式与函数全部一样 可以将前面所介绍的所有函数作为事件处理程序 格式如下 Function 事件处理名(参数表){事件处理语句集 ……}

3 事件驱动  JavaScript事件驱动中的事件是通过鼠标或热键的动作引发的 它主要有以下几个事件 (1)单击事件onClick  当用户单击鼠标按钮时 产生onClick事件 同时onClick指定的事件处理程序或代码将被调用执行 通常在下列基本对象中产生 button(按钮对象)checkbox(复选框)或(检查列表框)radio (单选钮)reset buttons(重要按钮)submit buttons(提交按钮)

例 可通过下列按钮激活change()文件 <Form><Input type= button Value= onClick= change() ></Form>  在onClick等号后 可以使用自己编写的函数作为事件处理程序 也可以使用JavaScript中内部的函数 还可以直接使用JavaScript的代码等 例 <Input type= button value= onclick=alert( 这是一个例子 );(2)onChange改变事件  当利用text或texturea元素输入字符值改变时发该事件 同时当在select表格项中一个选项状态改变后也会引发该事件 例 <Form><Input type= text name= Test value= Test onCharge= check( this test) ></Form>(3)选中事件onSelect  当Text或Textarea对象中的文字被加亮后 引发该事件 (4)获得焦点事件onFocus  当用户单击Text或textarea以及select对象时 产生该事件 此时该对象成为前台对象 (5)失去焦点onBlur  当text对象或textarea对象以及select对象不再拥有焦点 而退到后台时 引发该文件 他与onFocas事件是一个对应的关系 (6)载入文件onLoad  当文档载入时 产生该事件 onLoad一个作用就是在首次载入一个文档时检测cookie的值 并用一个变量为其赋值 使它可以被源代码使用 (7)卸载文件onUnload  当Web页面退出时引发onUnload事件 并可更新Cookie的状态

四 范例  范例 下例程序是一个自动装载和自动卸载的例子 即当装入HTML文档时调用loadform()函数 而退出该文档进入另一HTML文档时则首先调用unloadform()函数 确认后方可进入 <HTML><HEAD><script Language= JavaScript ><! function loadform(){alert( 这是一个自动装载例子! );}function unloadform(){alert( 这是一个卸载例子! );}// ></Script></HEAD><BODY OnLoad= loadform() OnUnload= unloadform() ><a >调用</a></BODY></HTML> 范例 这是一个获取浏览器版本号的程序 该程序首先显示一个波浪一提示信息 之后显示浏览器的版本号有关信息 <><head><script language= JavaScript ><! // >function makeArray(n){this length=nreturn this}function hexfromdec(num) {hex=new makeArray( );var hexstring= ;var shifthex= ;var temp =num;for(x= ; x>= ; x ) {hex[x]=Math round(temp /shifthex );hex[x ]=temp hex[x] * shifthex;temp =hex[x ];shifthex /= ;}for (x= ; x>= ; x ) { hexstring+=getletter(hex[x]); }return (hexstring);} function getletter(num) {if (num < ) { return num; }else {if (num == ) { return A }if (num == ) { return B }if (num == ) { return C }if (num == ) { return D }if (num == ) { return E }if (num == ) { return F }}}function rainbow(text){var color_d ;var allstring= ;for(i= ;i<text length;i=i+ ){color_d = *Math sin(i/(text length/ ));color_h =hexfromdec(color_d );allstring+= <FONT COLOR= +color_h + ff +color_h + > +text substring(i i+ )+ </FONT> ;}return allstring;} function sizefont(text){var color_d ;var allstring= ;var flag= ;for(i= j= ;i<text length;i=i+ ){if (flag== ) {j++;if (j>= ) {flag= ;}}if (flag== ) {j=j ;if (j<= ) {flag= ; }}allstring+= <FONT SIZE= + j + > + text substring(i i+ ) + </FONT> ;}return allstring;}document write( <font size= ><CENTER> )document write( <BR><BR> )document write( sizefont( 这是一个获取WEB浏览器的程序 ))document write( </CENTER></font> )document write( 浏览器名称: +navigator appName+ <br> );document write( 版本号: +navigator appVersion+ <br> );document write( 代码名字: +navigator appCodeName+ <br> );document write( 用户代理标识: +navigator userAgent);</script><body></body></>输出结果图 所示

lishixin/Article/program/Java/JSP/201311/19230

    JavaScript教程--从入门到精通(3)

    JavaScript程序构成

    JavaScript脚本语言的基本构成是由控制语句 函数 对象 方法 属性等 来实现编程的

    一 程序控制流  在任何一种语言中 程序控制流是必须的 它能使得整个程序减小混乱 使之顺利按其一定的方式执行 下面是JavaScript常用的程序控制流结构及语句:1 if条件语句 基本格式if(表述式)语句段1 else语句段2  功能 若表达式为true 则执行语句段1 否则执行语句段2  说明 if else 语句是JavaScript中最基本的控制语句 通过它可以改变语句的执行顺序 表达式中必须使用关系语句 来实现判断 它是作为一个布尔值来估算的 它将零和非零的数分别转化成false和true 若if后的语句有多行 则必须使用花括号将其括起来  if语句的嵌套if(布尔值)语句1 else(布尔值)语句2 else if(布尔值)语句3 ……else 语句4  在这种情况下 每一级的布尔表述式都会被计算 若为真 则执行其相应的语句 否则执行else后的语句  2 For循环语句 基本格式for(初始化 条件 增量)语句集  功能 实现条件循环 当条件成立时 执行语句集 否则跳出循环体  说明 初始化参数告诉循环的开始位置 必须赋予变量的初值 条件 是用于判别循环停止时的条件 若条件满足 则执行循环体 否则 跳出 增量 主要定义循环控制变量在每次循环时按什么方式变化 三个主要语句之间 必须使用逗号分隔  3 while循环 基本格式while(条件)语句集 该语句与For语句一样 当条件为真时 重复循环 否则退出循环  For与while语句  两种语句都是循环语句 使用For语句在处理有关数字时更易看懂 也较紧凑 而while循环对复杂的语句效果更特别

    4 break和continue语句  与C++语言相同 使用break语句使得循环从For或while中跳出 continue使得跳过循环内剩余的语句而进入下一次循环

    二 函数  函数为程序设计人员提供了一个丰常方便的能力 通常在进行一个复杂的程序设计时 总是根据所要完成的功能 将程序划分为一些相对独立的部分 每部分编写一个函数 从而 使各部分充分独立 任务单一 程序清晰 易懂 易读 易维护 JavaScript函数可以封装那些在程序中可能要多次用到的模块 并可作为事件驱动的结果而调用的程序 从而实现一个函数把它与事件驱动相关联 这是与其它语言不样的地方

    1 JavaScript函数定义Function 函数名 (参数 变元){函数体; Return 表达式;}说明  当调用函数时 所用变量或字面量均可作为变元传递  函数由关键字Function定义  函数名 定义自己函数的名字  参数表 是传递给函数使用或操作的值 其值可以是常量 变量或其它表达式  通过指定函数名(实参)来调用一个函数  必须使用Return将值返回  函数名对大小写是敏感的  2 函数中的形式参数   在函数的定义中 我们看到函数名后有参数表 这些参数变量可能是一个或几个 那么怎样才能确定参数变量的个数呢?在JavaScript中可通过arguments Length来检查参数的个数 例 Function function_Name(exp exp exp exp )Number =function _Name arguments length;if (Number> )document wrile(exp );if (Number> )document write(exp );if(Number> )document write(exp );

    三 事件驱动及事件处理1 基本概念  JavaScript是基于对象(object based)的语言 这与Java不同 Java是面向对象的语言 而基于对象的基本特征 就是采用事件驱动(event driven) 它是在用形界面的环境下 使得一切输入变化简单化 通常鼠标或热键的动作我们称之为事件(Event) 而由鼠标或热键引发的一连串程序的动作 称之为事件驱动(Event Driver) 而对事件进行处理程序或函数 我们称之为事件处理程序(Event Handler)

    2 事件处理程序  在JavaScript中对象事件的处理通常由函数(Function)担任 其基本格式与函数全部一样 可以将前面所介绍的所有函数作为事件处理程序 格式如下 Function 事件处理名(参数表){事件处理语句集 ……}

    3 事件驱动  JavaScript事件驱动中的事件是通过鼠标或热键的动作引发的 它主要有以下几个事件 (1)单击事件onClick  当用户单击鼠标按钮时 产生onClick事件 同时onClick指定的事件处理程序或代码将被调用执行 通常在下列基本对象中产生 button(按钮对象)checkbox(复选框)或(检查列表框)radio (单选钮)reset buttons(重要按钮)submit buttons(提交按钮)

    例 可通过下列按钮激活change()文件 <Form><Input type= button Value= onClick= change() ></Form>  在onClick等号后 可以使用自己编写的函数作为事件处理程序 也可以使用JavaScript中内部的函数 还可以直接使用JavaScript的代码等 例 <Input type= button value= onclick=alert( 这是一个例子 );(2)onChange改变事件  当利用text或texturea元素输入字符值改变时发该事件 同时当在select表格项中一个选项状态改变后也会引发该事件 例 <Form><Input type= text name= Test value= Test onCharge= check( this test) ></Form>(3)选中事件onSelect  当Text或Textarea对象中的文字被加亮后 引发该事件 (4)获得焦点事件onFocus  当用户单击Text或textarea以及select对象时 产生该事件 此时该对象成为前台对象 (5)失去焦点onBlur  当text对象或textarea对象以及select对象不再拥有焦点 而退到后台时 引发该文件 他与onFocas事件是一个对应的关系 (6)载入文件onLoad  当文档载入时 产生该事件 onLoad一个作用就是在首次载入一个文档时检测cookie的值 并用一个变量为其赋值 使它可以被源代码使用 (7)卸载文件onUnload  当Web页面退出时引发onUnload事件 并可更新Cookie的状态

    四 范例  范例 下例程序是一个自动装载和自动卸载的例子 即当装入HTML文档时调用loadform()函数 而退出该文档进入另一HTML文档时则首先调用unloadform()函数 确认后方可进入 <HTML><HEAD><script Language= JavaScript ><! function loadform(){alert( 这是一个自动装载例子! );}function unloadform(){alert( 这是一个卸载例子! );}// ></Script></HEAD><BODY OnLoad= loadform() OnUnload= unloadform() ><a >调用</a></BODY></HTML> 范例 这是一个获取浏览器版本号的程序 该程序首先显示一个波浪一提示信息 之后显示浏览器的版本号有关信息 <><head><script language= JavaScript ><! // >function makeArray(n){this length=nreturn this}function hexfromdec(num) {hex=new makeArray( );var hexstring= ;var shifthex= ;var temp =num;for(x= ; x>= ; x ) {hex[x]=Math round(temp /shifthex );hex[x ]=temp hex[x] * shifthex;temp =hex[x ];shifthex /= ;}for (x= ; x>= ; x ) { hexstring+=getletter(hex[x]); }return (hexstring);} function getletter(num) {if (num < ) { return num; }else {if (num == ) { return A }if (num == ) { return B }if (num == ) { return C }if (num == ) { return D }if (num == ) { return E }if (num == ) { return F }}}function rainbow(text){var color_d ;var allstring= ;for(i= ;i<text length;i=i+ ){color_d = *Math sin(i/(text length/ ));color_h =hexfromdec(color_d );allstring+= <FONT COLOR= +color_h + ff +color_h + > +text substring(i i+ )+ </FONT> ;}return allstring;} function sizefont(text){var color_d ;var allstring= ;var flag= ;for(i= j= ;i<text length;i=i+ ){if (flag== ) {j++;if (j>= ) {flag= ;}}if (flag== ) {j=j ;if (j<= ) {flag= ; }}allstring+= <FONT SIZE= + j + > + text substring(i i+ ) + </FONT> ;}return allstring;}document write( <font size= ><CENTER> )document write( <BR><BR> )document write( sizefont( 这是一个获取WEB浏览器的程序 ))document write( </CENTER></font> )document write( 浏览器名称: +navigator appName+ <br> );document write( 版本号: +navigator appVersion+ <br> );document write( 代码名字: +navigator appCodeName+ <br> );document write( 用户代理标识: +navigator userAgent);</script><body></body></>输出结果图 所示

    lishixin/Article/program/Java/JSP/201311/19230

      JavaScript教程--从入门到精通(2)

      JavaScript基本数据结构

      JavaScript提供脚本语言的编程与C++非常相似 它只是去掉了C语言中有关指针等容易产生的错误 并提供了功能强大的类库 对于已经具备C++或C语言的人来说 学习JavaScript脚本语言是一件非常轻松愉快的事

      一 JavaScript代码的加入

      JavaScript的脚本包括在HTML中 它成为HTML文档的一部分 与HTML标识相结合 构成了一个功能强大的Internet网上编程语言 可以直接将JavaScript脚本加入文档

      <Script Language = JavaScript > JavaScript语言代码 JavaScript 语言代码; </Script>

      说明   通过标识<Script> </Script>指明JavaScript脚本源代码将放入其间   通过属性Language = JavaScript 说明标识中是使用的何种语言 这里是JavaScript语言 表示在JavaScript中使用的语言

      下面是将JavaScript脚本加入Web文档中的例子:l<HTML><Head><Script Language = JavaScript >document Write( 这是赛迪网互动学校 );document close();</Script></Head></HTML>

      在浏览器的窗口中调用l 则显示 这是赛迪网互动学校 字串 见图 所示

      图 说明:   Document write()是文档对象的输出函数 其功能是将括号中的字符或变量值输出到窗口 document close()是将输出关闭 可将<Script> </Script>标识放入head> </Head>或<Body> </Body>之间 将JavaScript标识放置<Head> </Head>在头部之间 使之在主页和其余部分代码之前装载 从而可使代码的功能更强大 可以将JavaScript标识放置在<Body> </Body>主体之间以实现某些部分动态地创建文档

      二 基本数据类型

      JavaScript脚本语言同其它语言一样 有它自身的基本数据类型 表达式和算术运算符以及程序的基本框架结构 JavaScript提供了四种基本的数据类型用来处理数字和文字 而变量提供存放信息的地方 表达式则可以完成较复杂的信息处理

      基本数据类型

      在JavaScript中四种基本的数据类型 数值(整数和实数) 字符串型(用 号或 括起来的字符或数值) 布尔型(使True或False表示)和空值 在JavaScript的基本类型中的数据可以是常量 也可以变量 由于JavaScript采用弱类型的形式 因而一个数据的变量或常量不必首先作声明 而是在使用或赋值时确定其数据的类型的 当然也可以先声明该数据的类型 它是通过在赋值时自动说明其数据类型的

      常量  整型常量JavaScript的常量通常又称字面常量 它是不能改变的数据 其整型常量可以使用十六进制 八进制和十进制表示其值  实型常量实型常量是由整数部分加小数部分表示 如 可以使用科学或标准方法表示 E e 等

      布尔值

      布尔常量只有两种状态 True或False 它主要用来说明或代表一种状态或标志 以说明操作流程 它与C++是不一样的 C++可以用1或0表示其状态 而JavaScript只能用True或False表示其状态

      字符型常量

      使用单引号( )或双引号( )括起来的一个或几个字符 如 This is a book of JavaScript ewrt 等  空值JavaScript中有一个空值null 表示什么也没有 如试图引用没有定义的变量 则返回一个Null值  特殊字符同C语言一样 JavaScript中同样以有些以反斜杠(/)开头的不可显示的特殊字符 通常称为控制字符     变量

      变量的主要作用是存取数据 提供存放信息的容器 对于变量必须明确变量的命名 变量的类型 变量的声明及其变量的作用域  变量的命名JavaScript中的变量命名同其计算机语言非常相似 这里要注意以下两点 A 必须是一个有效的变量 即变量以字母开头 中间可以出现数字如test text 等 除下划线(-)作为连字符外 变量名称不能有空格 (+) (-) ( )或其它符号 B 不能使用JavaScript中的关键字作为变量 在JavaScript中定义了40多个类键字 这些关键是JavaScript内部使用的 不能作为变量的名称 如Var int double true不能作为变量的名称   在对变量命名时 最好把变量的意义与其代表的意思对应起来 以免出现错误

      变量的类型

      在JavaScript中 变量可以用命令Var作声明:var mytest;该例子定义了一个mytest变量 但没有赋予它的值 Var mytest= This is a book 该例子定义了一个mytest变量 同时赋予了它的值 在JavaScript中 变量以可以不作声明 而在使用时再根据数据的类型来确其变量的类型 如 x= y= xy= True cost= 等 其中x整数 y为字符串 xy为布尔型 cost为实型  变量的声明及其作用域JavaScript变量可以在使用前先作声明 并可赋值 通过使用var关键字对变量作声明 对变量作声明的最大好处就是能及时发现代码中的错误 因为JavaScript是采用动态编译的 而动态编译是不易发现代码中的错误 特别是变量命名的方面 对于变量还有一个重要性──那就是变量的作用域 在JavaScript中同样有全局变量和局部变量 全局变量是定义在所有函数体之外 其作用范围是整个函数 而局部变量是定义在函数体之内 只对其该函数是可见的 而对其它函数则是不可见的 三 表达式和运算符

      1 表达式

      在定义完变量后 就可以对它们进行赋值 改变 计算等一系列操作 这一过程通常又叫称一个叫表达式来完成 可以说它是变量 常量 布尔及运算符的集合 因此表达式可以分为算术表述式 字串表达式 赋值表达式以及布尔表达式等

      2 运算符

      运算符完成操作的一系列符号 在JavaScript中有算术运算符 如+ * /等 有比较运算符如!= ==等; 有逻辑布尔运算符如!(取反) | ||; 有字串运算如+ +=等   在JavaScript主要有双目运算符和单目运算符 其双目运算符由下列组成 操作数1 运算符 操作数2  即由两个操作数和一个运算符组成 如 + This + that 等 单目运算符 只需一个操作数 其运算符可在前或后 (1)算术运算符  JavaScript中的算术运算符有单目运算符和双目运算符 双目运算符 +(加) (减) *(乘) /(除) %(取模) |(按位或) &(按位与) <<(左移) >>(右移) >>>(右移 零填充) 单目运算符 (取反) ~(取补) ++(递加 ) (递减 ) (2)比较运算符  比较运算符它的基本操作过程是 首先对它的操作数进行比较 尔后再返回一个true或False值 有8个比较运算符:<(小于) >(大于) <=(小于等于) >=(大于等于) ==(等于) !=(不等于) (3)布尔逻辑运算符  在JavaScript中增加了几个布尔逻辑运算符: !(取反) &=(与之后赋值) &(逻辑与) |=(或之后赋值) |(逻辑或) ^=(异或之后赋值) ^(逻辑异或) ?:(三目操作符) ||(或) ==(等于) |=(不等于)   其中三目操作符主要格式如下 操作数?结果1 结果2  若操作数的结果为真 则表述式的结果为结果1 否则为结果2

      四 范例  下面是一个跑马灯效果的JavaScript文档

      l<><head><script Language= JavaScript >var msg= 这是一个跑马灯效果的JavaScript文档 ;var interval = ;var spacelen = ;var space = ;var seq= ;function Scroll() { len = msg length;window status = msg substring( seq+ );seq++;if ( seq >= len ) { seq = spacelen; window setTimeout( Scroll (); interval );}elsewindow setTimeout( Scroll(); interval );} function Scroll () { var out= ;for (i= ; i<=spacelen/space length; i++) out += space ;out = out + msg;len=out length;window status=out substring(seq len);seq++;if ( seq >= len ) { seq = ; };window setTimeout( Scroll (); interval );} Scroll();</script><body></body></>

      lishixin/Article/program/Java/JSP/201311/19285

        JavaScript教程--从入门到精通(2)

        JavaScript基本数据结构

        JavaScript提供脚本语言的编程与C++非常相似 它只是去掉了C语言中有关指针等容易产生的错误 并提供了功能强大的类库 对于已经具备C++或C语言的人来说 学习JavaScript脚本语言是一件非常轻松愉快的事

        一 JavaScript代码的加入

        JavaScript的脚本包括在HTML中 它成为HTML文档的一部分 与HTML标识相结合 构成了一个功能强大的Internet网上编程语言 可以直接将JavaScript脚本加入文档

        <Script Language = JavaScript > JavaScript语言代码 JavaScript 语言代码; </Script>

        说明   通过标识<Script> </Script>指明JavaScript脚本源代码将放入其间   通过属性Language = JavaScript 说明标识中是使用的何种语言 这里是JavaScript语言 表示在JavaScript中使用的语言

        下面是将JavaScript脚本加入Web文档中的例子:l<HTML><Head><Script Language = JavaScript >document Write( 这是赛迪网互动学校 );document close();</Script></Head></HTML>

        在浏览器的窗口中调用l 则显示 这是赛迪网互动学校 字串 见图 所示

        图 说明:   Document write()是文档对象的输出函数 其功能是将括号中的字符或变量值输出到窗口 document close()是将输出关闭 可将<Script> </Script>标识放入head> </Head>或<Body> </Body>之间 将JavaScript标识放置<Head> </Head>在头部之间 使之在主页和其余部分代码之前装载 从而可使代码的功能更强大 可以将JavaScript标识放置在<Body> </Body>主体之间以实现某些部分动态地创建文档

        二 基本数据类型

        JavaScript脚本语言同其它语言一样 有它自身的基本数据类型 表达式和算术运算符以及程序的基本框架结构 JavaScript提供了四种基本的数据类型用来处理数字和文字 而变量提供存放信息的地方 表达式则可以完成较复杂的信息处理

        基本数据类型

        在JavaScript中四种基本的数据类型 数值(整数和实数) 字符串型(用 号或 括起来的字符或数值) 布尔型(使True或False表示)和空值 在JavaScript的基本类型中的数据可以是常量 也可以变量 由于JavaScript采用弱类型的形式 因而一个数据的变量或常量不必首先作声明 而是在使用或赋值时确定其数据的类型的 当然也可以先声明该数据的类型 它是通过在赋值时自动说明其数据类型的

        常量  整型常量JavaScript的常量通常又称字面常量 它是不能改变的数据 其整型常量可以使用十六进制 八进制和十进制表示其值  实型常量实型常量是由整数部分加小数部分表示 如 可以使用科学或标准方法表示 E e 等

        布尔值

        布尔常量只有两种状态 True或False 它主要用来说明或代表一种状态或标志 以说明操作流程 它与C++是不一样的 C++可以用1或0表示其状态 而JavaScript只能用True或False表示其状态

        字符型常量

        使用单引号( )或双引号( )括起来的一个或几个字符 如 This is a book of JavaScript ewrt 等  空值JavaScript中有一个空值null 表示什么也没有 如试图引用没有定义的变量 则返回一个Null值  特殊字符同C语言一样 JavaScript中同样以有些以反斜杠(/)开头的不可显示的特殊字符 通常称为控制字符     变量

        变量的主要作用是存取数据 提供存放信息的容器 对于变量必须明确变量的命名 变量的类型 变量的声明及其变量的作用域  变量的命名JavaScript中的变量命名同其计算机语言非常相似 这里要注意以下两点 A 必须是一个有效的变量 即变量以字母开头 中间可以出现数字如test text 等 除下划线(-)作为连字符外 变量名称不能有空格 (+) (-) ( )或其它符号 B 不能使用JavaScript中的关键字作为变量 在JavaScript中定义了40多个类键字 这些关键是JavaScript内部使用的 不能作为变量的名称 如Var int double true不能作为变量的名称   在对变量命名时 最好把变量的意义与其代表的意思对应起来 以免出现错误

        变量的类型

        在JavaScript中 变量可以用命令Var作声明:var mytest;该例子定义了一个mytest变量 但没有赋予它的值 Var mytest= This is a book 该例子定义了一个mytest变量 同时赋予了它的值 在JavaScript中 变量以可以不作声明 而在使用时再根据数据的类型来确其变量的类型 如 x= y= xy= True cost= 等 其中x整数 y为字符串 xy为布尔型 cost为实型  变量的声明及其作用域JavaScript变量可以在使用前先作声明 并可赋值 通过使用var关键字对变量作声明 对变量作声明的最大好处就是能及时发现代码中的错误 因为JavaScript是采用动态编译的 而动态编译是不易发现代码中的错误 特别是变量命名的方面 对于变量还有一个重要性──那就是变量的作用域 在JavaScript中同样有全局变量和局部变量 全局变量是定义在所有函数体之外 其作用范围是整个函数 而局部变量是定义在函数体之内 只对其该函数是可见的 而对其它函数则是不可见的 三 表达式和运算符

        1 表达式

        在定义完变量后 就可以对它们进行赋值 改变 计算等一系列操作 这一过程通常又叫称一个叫表达式来完成 可以说它是变量 常量 布尔及运算符的集合 因此表达式可以分为算术表述式 字串表达式 赋值表达式以及布尔表达式等

        2 运算符

        运算符完成操作的一系列符号 在JavaScript中有算术运算符 如+ * /等 有比较运算符如!= ==等; 有逻辑布尔运算符如!(取反) | ||; 有字串运算如+ +=等   在JavaScript主要有双目运算符和单目运算符 其双目运算符由下列组成 操作数1 运算符 操作数2  即由两个操作数和一个运算符组成 如 + This + that 等 单目运算符 只需一个操作数 其运算符可在前或后 (1)算术运算符  JavaScript中的算术运算符有单目运算符和双目运算符 双目运算符 +(加) (减) *(乘) /(除) %(取模) |(按位或) &(按位与) <<(左移) >>(右移) >>>(右移 零填充) 单目运算符 (取反) ~(取补) ++(递加 ) (递减 ) (2)比较运算符  比较运算符它的基本操作过程是 首先对它的操作数进行比较 尔后再返回一个true或False值 有8个比较运算符:<(小于) >(大于) <=(小于等于) >=(大于等于) ==(等于) !=(不等于) (3)布尔逻辑运算符  在JavaScript中增加了几个布尔逻辑运算符: !(取反) &=(与之后赋值) &(逻辑与) |=(或之后赋值) |(逻辑或) ^=(异或之后赋值) ^(逻辑异或) ?:(三目操作符) ||(或) ==(等于) |=(不等于)   其中三目操作符主要格式如下 操作数?结果1 结果2  若操作数的结果为真 则表述式的结果为结果1 否则为结果2

        四 范例  下面是一个跑马灯效果的JavaScript文档

        l<><head><script Language= JavaScript >var msg= 这是一个跑马灯效果的JavaScript文档 ;var interval = ;var spacelen = ;var space = ;var seq= ;function Scroll() { len = msg length;window status = msg substring( seq+ );seq++;if ( seq >= len ) { seq = spacelen; window setTimeout( Scroll (); interval );}elsewindow setTimeout( Scroll(); interval );} function Scroll () { var out= ;for (i= ; i<=spacelen/space length; i++) out += space ;out = out + msg;len=out length;window status=out substring(seq len);seq++;if ( seq >= len ) { seq = ; };window setTimeout( Scroll (); interval );} Scroll();</script><body></body></>

        lishixin/Article/program/Java/JSP/201311/19285

          javascript基础入门

          JavaScript是一种脚本语言,用于在网页上增加交互性和动态效果。随着互联网的发展,JavaScript的应用越来越广泛,成为前端开发的重要技能之一。本文将介绍JavaScript的基础语法和常用操作,帮助初学者入门。
          1. 变量和数据类型
          在JavaScript中,可以使用var、let或const关键字声明变量。变量可以存储不同类型的数据,如字符串、数字、布尔值、数组和对象。不同的数据类型有不同的操作方式和*。
          2. 运算符和表达式
          JavaScript支持基本的算术运算符(+、-、*、/),比较运算符(>、
          3. 条件语句
          使用if、else if和else语句可以根据不同的条件执行不同的代码块。可以使用比较运算符和逻辑运算符控制条件。
          4. 循环语句
          使用for、while和do-while语句可以重复执行一段代码块,直到满足某个条件为止。可以使用break和continue语句控制循环的执行。
          5. 函数
          函数是一段可以重复使用的代码块,可以接收参数并返回值。使用function关键字定义函数,可以在代码中多次调用。
          6. 数组和对象
          数组是一组有序的值,可以使用下标访问和修改其中的元素。对象是一组无序的键值对,可以使用键名访问和修改其中的值。数组和对象可以嵌套使用,形成复杂的数据结构。
          7. DOM操作
          DOM是文档对象模型,它表示网页中的各个元素和属性。可以通过JavaScript代码操作DOM,实现网页的动态效果和交互性。例如,可以使用document对象获取元素、修改样式、添加事件等。
          以上是JavaScript的基础内容,希望本文能够帮助读者快速入门。随着对JavaScript的深入学习,可以了解更多高级语法和技巧,提高前端开发的能力。

          javascript基础入门

          JavaScript是一种脚本语言,用于在网页上增加交互性和动态效果。随着互联网的发展,JavaScript的应用越来越广泛,成为前端开发的重要技能之一。本文将介绍JavaScript的基础语法和常用操作,帮助初学者入门。
          1. 变量和数据类型
          在JavaScript中,可以使用var、let或const关键字声明变量。变量可以存储不同类型的数据,如字符串、数字、布尔值、数组和对象。不同的数据类型有不同的操作方式和*。
          2. 运算符和表达式
          JavaScript支持基本的算术运算符(+、-、*、/),比较运算符(>、
          3. 条件语句
          使用if、else if和else语句可以根据不同的条件执行不同的代码块。可以使用比较运算符和逻辑运算符控制条件。
          4. 循环语句
          使用for、while和do-while语句可以重复执行一段代码块,直到满足某个条件为止。可以使用break和continue语句控制循环的执行。
          5. 函数
          函数是一段可以重复使用的代码块,可以接收参数并返回值。使用function关键字定义函数,可以在代码中多次调用。
          6. 数组和对象
          数组是一组有序的值,可以使用下标访问和修改其中的元素。对象是一组无序的键值对,可以使用键名访问和修改其中的值。数组和对象可以嵌套使用,形成复杂的数据结构。
          7. DOM操作
          DOM是文档对象模型,它表示网页中的各个元素和属性。可以通过JavaScript代码操作DOM,实现网页的动态效果和交互性。例如,可以使用document对象获取元素、修改样式、添加事件等。
          以上是JavaScript的基础内容,希望本文能够帮助读者快速入门。随着对JavaScript的深入学习,可以了解更多高级语法和技巧,提高前端开发的能力。

          javascript教程:关于if语句优化的方法

          UglifyJS是一个对javascript进行压缩和美化的工具 在它的文档说明中 我看到了几种关于if语句优化的方法 尽管我还没使用它去做一些尝试性的测试 但从这里可以看到它的确对js作了美化的工作 也许有人认为if语句就那么简单 能优化到什么程度?但是看看以下的几种方式 你也许会改变看法

          一 使用常见的三元操作符

          if (foo) bar(); else baz(); ==> foo?bar():baz();

          if (!foo) bar(); else baz(); ==> foo?baz():bar();

          if (foo) return bar(); else return baz(); ==> return foo?bar():baz();

          对于以上使用三元操作符来优化if语句你肯定不会陌生 或许你经常使用它

          二 使用and(&&)和or(||)运算符

          if (foo) bar(); ==> foo&&bar();

          if (!foo) bar(); ==> foo||bar();

          老实说 我并没有这样去写过代码 这种写法我在学习《鸟哥的 Linux 私房菜》时看到过 但我并没想到在js中实现它

          三 省略大括号{}

          if (foo) return bar(); else something(); ==> {if(foo)return bar();something()}

          这种写法你我都很熟悉 但我建议在代码优化的时候这样做 或者交给UglifyJS帮你去解决 毕竟少一个大括号 代码的可阅读性并不高

          写到这里 我想到jQuery之父在《精通 javascript》中的一个获取HTML元素属性的方法

          function getAttr(el attrName){

          var attr = { for : For class : className }[attrName] || attrName;

          };

          如果我们不这样写 可能我们需借助于两个if语句来进行处理 而上面的代码不仅简洁有效 而且可阅读性强

          lishixin/Article/program/Java/JSP/201311/20486

            javascript教程:关于if语句优化的方法

            UglifyJS是一个对javascript进行压缩和美化的工具 在它的文档说明中 我看到了几种关于if语句优化的方法 尽管我还没使用它去做一些尝试性的测试 但从这里可以看到它的确对js作了美化的工作 也许有人认为if语句就那么简单 能优化到什么程度?但是看看以下的几种方式 你也许会改变看法

            一 使用常见的三元操作符

            if (foo) bar(); else baz(); ==> foo?bar():baz();

            if (!foo) bar(); else baz(); ==> foo?baz():bar();

            if (foo) return bar(); else return baz(); ==> return foo?bar():baz();

            对于以上使用三元操作符来优化if语句你肯定不会陌生 或许你经常使用它

            二 使用and(&&)和or(||)运算符

            if (foo) bar(); ==> foo&&bar();

            if (!foo) bar(); ==> foo||bar();

            老实说 我并没有这样去写过代码 这种写法我在学习《鸟哥的 Linux 私房菜》时看到过 但我并没想到在js中实现它

            三 省略大括号{}

            if (foo) return bar(); else something(); ==> {if(foo)return bar();something()}

            这种写法你我都很熟悉 但我建议在代码优化的时候这样做 或者交给UglifyJS帮你去解决 毕竟少一个大括号 代码的可阅读性并不高

            写到这里 我想到jQuery之父在《精通 javascript》中的一个获取HTML元素属性的方法

            function getAttr(el attrName){

            var attr = { for : For class : className }[attrName] || attrName;

            };

            如果我们不这样写 可能我们需借助于两个if语句来进行处理 而上面的代码不仅简洁有效 而且可阅读性强

            lishixin/Article/program/Java/JSP/201311/20486

              如何在JavaScript中使用switch语句

              switch语句是条件分支语句,可以用来选择要执行的多个代码块之一,本篇文章就来给大家介绍关于JavaScript中switch语句的使用方法。

              如果表达式比较麻烦,当满足以下两个条件时可以使用switch语句

              表达式和值可以采用多个值

              当你想根据每个值进行更改执行时

              下面我们来看switch语句的语法

              switch (表达式or变量) {

              case 值1 :

              break;

              case 值2 :

              break;

              default :

              //如果表达式和变量没有对应的值,执行此步骤

              break;

              }首先在switch内写入表达式或变量。

              之后,我们将编写多个值及其执行代码。(通过查看语法可以看出,在switch语句中,代码执行基本上是并行关系)

              请注意break的描述。case?break是一个过程完的成。

              最后的default是如果表达式的结果与任何值不对应,则执行。根据需要,你可以写或者不写。

              我们来看switch语句的具体示例

              我们来编写一个程序,将变量定义为member,并检查分配给member的人的姓名是否为family中的值。

              有三个人,Tom,Jerry和Holly,当他们的名字被分配时,浏览器会显示“Tom is my family”等等。在写其他人的名字时,显示“XX is not my family”。

              代码如下

              <!DOCTYPE html>

              <html>

              <head>

              <meta charset="utf-8">

              <title>JavaScript</title>

              </head>

              <body>

              <script>

              var member = "Tom";

              switch (member) {

              case "Tom":

              document.write ("Tom is my family");

              break;

              case "Jerry":

              document.write ("Jerry is my family");

              break;

              case "Holly":

              document.write ("Holly is my family");

              break;

              default:

              document.write (member + "is not my family");

              break;

              }

              </script>

              </body>

              </html>运行结果如下:浏览器显示“Tom is my family”。

              当var member="Jerry";时,显示结果如下:

              同理,如果var member="Holly";则会显示Holly is my family。

              当你输入其他名字的时候,比如var member="marry";显示结果如下

              javascript中有哪些流程控制语句

              下面复制于网络,详细讲解javascript中的各种控制结构。
              一、条件选择结构
              条件选择语句用于基于不同的条件来执行不同的动作,通常在写代码时,总是需要为不同的决定来执行不同的
              动作,可以在代码中使用条件语句来完成该任务。
              在JavaScript中,我们可使用以下条件语句:
              if 语句:只有当指定条件为true时,使用该语句来执行代码
              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml">
              <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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml">
              <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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml">
              <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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml">
              <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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml">
              <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中的各种控制结构。
              一、条件选择结构
              条件选择语句用于基于不同的条件来执行不同的动作,通常在写代码时,总是需要为不同的决定来执行不同的
              动作,可以在代码中使用条件语句来完成该任务。
              在JavaScript中,我们可使用以下条件语句:
              if 语句:只有当指定条件为true时,使用该语句来执行代码
              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml">
              <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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml">
              <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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml">
              <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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml">
              <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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml">
              <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的循环语句有哪些?

              1while;

              var num = 1;//1、声明循环变量

              while (num<=10){//2、判断循环条件;

              document.write(num+"<br />");//3、执行循环体操作;

              num++;//4、更新循环变量;

              }

              while循环()中的表达式,运算结果可以是各种类型,但是最终都会转为真假,转换规则如下。

              ①Boolean:true为真,false为假;

              ②String:空字符串为假,所有非空字符串为真;

              ③Number:0为假,一切非0数字为真;

              ④null/Undefined/NaN:全为假;

              ⑤Object:全为真。

              2.do-while循环

              while循环特点:先判断后执行;

              do-while循环特点:先执行再判断,即使初始条件不成立,do-while循环至少执行一次;

              var num = 10;

              do{

              document.write(num+"<br />");//10 9 8 7 6 5 4 3 2 1 0

              num--;

              }while(num>=0);

              document.write(num);//-1

              3,for循环

              for (var num =1; num<=10; num++) {

              document.write(num+" <br />"); //1 2 3 4 5 6 7 8 9 10 }

              4.for-in循环 

              var arr = ['a', 'b', 'c', 'd']; for (let a in arr) {

              console.log(a); // 0 1 2 3 }

              for (let a of arr) {

              console.log(a); // a b c d

              }

              JQ循环有$.each和$.map('div').each(function (i){ i就是索引值 this 表示获取遍历每一个dom对象});

              javascript中如何生成随机数

              在JavaScript中可以通过Math.random()函数来生成0~1的随机数,也可以通过设置函数的值使其生成任意范围的随机数或者是各不相同的随机数

              在JavaScript中可以通过Math.random()函数产生一个0~1之间的随机数,但是这往往满足不了我们平时的需求。但是我们可以通过其他方法来使其产生我们想要的随机数。今天将为大家分享的是通过Math.random()函数产生随机数,具有一定的参考作用,希望对大家有所帮助。

              【推荐课程:JavaScript教程、JavaScript教程手册】

              随机数生成

              在JavaScript中通过以下语句可生成0~1的随机数:

              Math.round(Math.random());如果我们想设置在指定范围里的随机数也可通过以上的函数生成

              例:生成8~100之间的随机数

              <!DOCTYPE html>

              <html>

              <head>

              <meta charset="UTF-8">

              <title>Document</title>

              </head>

              <body>

              <script>

              var num=Math.floor(Math.random()*100+8);

              document.write(num);

              </script>

              </head>

              <body>

              </body>

              </html>效果图:

              如果你想生成10到100范围的话只需要将后面的数字8改为10就可以了,通过上述方法我们就可以实现自定义范围内随机数的产生了

              生成不重复的随机数

              有时可以通过特定的方法来产生随机数但是它们之间不会重复,如下所示

              <script>

              // 定义存放生成随机数的数组

              var array=new Array();

              // 循环N次生成随机数

              for(var i = 0 ; ; i++){

              // 只生成10个随机数

              if(array.length<10){

              generateRandom(10);

              }else{

              break;

              }

              }

              // 循环遍历随机数数组

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

              document.write(array[i]);

              }

              // 生成随机数的方法

              function generateRandom(count){

              var rand = parseInt(Math.random()*count);

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

              if(array[i] == rand){

              return false;

              }

              }

              array.push(rand);

              }

              </script>效果图:

              通过上图我们可以看出每次生成的是个随机数都各不相同

              总结:

              六三科技网还为您提供以下相关内容希望对您有帮助:

              JavaScript教程--从入门到精通(3)

              一 程序控制流 在任何一种语言中 程序控制流是必须的 它能使得整个程序减小混乱 使之顺利按其一定的方式执行 下面是JavaScript常用的程序控制流结构及语句:1 if条件语句 基本格式if(表述式)语句段1 else语句段2 功能 若表达式为true ...

              如何在JavaScript中使用switch语句

              如果表达式比较麻烦,当满足以下两个条件时可以使用switch语句表达式和值可以采用多个值当你想根据每个值进行更改执行时下面我们来看switch语句的语法switch (表达式or变量) {case 值1 :break;case 值2 :break;default ://如...

              JavaScript的循环语句有哪些?

              1while;var num = 1;//1、声明循环变量 while (num&lt;=10){//2、判断循环条件;document.write(num+"");//3、执行循环体操作;num++;//4、更新循环变量;} while循环()中的表达式,运算结果可以是各种类型,但是最...

              javascript基础入门

              JavaScript支持基本的算术运算符(+、-、*、/),比较运算符(&gt;、3. 条件语句 使用if、else if和else语句可以根据不同的条件执行不同的代码块。可以使用比较运算符和逻辑运算符控制条件。4. 循环语句 使用for、while和do-...

              JavaScript教程--从入门到精通(2)

              close()是将输出关闭 可将&lt;Script&gt; &lt;/Script&gt;标识放入head&gt; &lt;/Head&gt;或&lt;Body&gt; &lt;/Body&gt;之间 将JavaScript标识放置&lt;Head&gt; &lt;/Head&gt;在头部之间 使之在主页和其余部分代码之前装载 从而可使代码的功能更强大 可以将JavaScript...

              javascript中有哪些流程控制语句

              JS流程控制语句 如果时间早于 20:00,会获得问候 "Good day"。 点击这里 var time=new Date().getHours(); document.write("当前北京时间:"+time); function myFunction() { var x=""; if (time&lt;20) { x="...

              javascript中如何生成随机数

              【推荐课程:JavaScript教程、JavaScript教程手册】随机数生成在JavaScript中通过以下语句可生成0~1的随机数:Math.round(Math.random());如果我们想设置在指定范围里的随机数也可通过以上的函数生成例:生成8~100之间的随机数&lt;...

              javascript如何删除数组中的指定元素

              【推荐课程:javascript教程】JavaScript删除数组中指定元素一般分为两个步骤,首先判断该指定元素是否存在数组中,然后在数组中删除该元素。接下来在文章中为大家详细介绍JavaScript删除数组中的指定元素的详细步骤。一、判断元素是否...

              js中if语句的用法(jsif用法)

              ,if不成立就执行else里面的语句在C语言中,ifelse语句的基本用法如下所示在java中,ifelse语句的用法跟C语言中的类似当第一个if条件不成立时,按顺序从上往下开始匹配,如果最终关于iifelse语句的用法while{、console.log;...

              JS命令用法?

              函数是完成某一个特定功能的一组语句。基本语法如下:function函数名(){ 函数代码;} 说明:1.function定义函数的关键字。2."函数名"你为函数取的名字。3."函数代码"替换为完成特定功能的代码。函数调用:函数定义好后,是...

              Top