网页设计与制作教程Web前端开发（第7版）课件：JavaScript语法基础-流程控制.pptx

JavaScript脚本程序语言的基本程序结构也是顺序结构、选择结构和循环结构。JavaScript语法基础流程控制

目录JavaScript程序设计基础7.1JavaScript概述7.2在HTML文档中使用JavaScript7.3数据类型7.4标识符、变量和常量7.5运算符和表达式7.6流程控制7.7函数7.8正则表达式习题7

7.6流程控制7.6.1顺序结构语句1．注释语句注释语句有单行注释和多行注释之分。单行注释语句的格式为：//注释内容多行注释语句的格式为：/*注释内容注释内容*/

7.6流程控制2．输出字符串（1）用document对象的write方法输出字符串其格式为：document.write(字符串1,字符串2,…);

7.6流程控制（2）用window对象的alert()方法输出字符串其格式为：window.alert(字符串);

7.6流程控制【例7-10】alert()方法示例。本例文件7-10.html在浏览器中显示如图7-12所示。scripttype=text/javascriptalert(你好！);//输出指定内容varmsg=你好！张三;alert(msg);//输出变量中的内容document.write(strong你好！br/李四/strong);/script

7.6流程控制【例。本例文件7-10.html在浏览器中显示如图7-12所示。!DOCTYPEhtmlhtmlheadmetacharset=utf-8title7-10】alert()方法示例/titlescripttype=text/javascriptalert(你好！);//输出指定内容varmsg=你好！张三;alert(msg);//输出变量中的内容document.write(strong你好！br/李四/strong);/script/headbody/body/html

7.6流程控制（3）使用innerHTML写入到HTML元素格式为：document.getElementById(id).innerHTML=被插入到页面元素的内容;【例7-11】使用innerHTML写入到HTML元素示例。本例文件7-11.html在浏览器中显示如图7-13所示。

7.6流程控制!DOCTYPEhtmlhtmlheadmetacharset=utf-8titleinnerHTML示例/title/headbodypaaaaaaaaa/ppid=p1/ppbbbbbbbbb/pscripttype=text/javascriptdocument.getElementById(p1).innerHTML=你好;/script/body/html

7.6流程控制3．输入字符串（1）用window对象的prompt()方法输入字符串格式为：prompt(提示字符串,默认值字符串);prompt()方法返回一个字符串。

7.6流程控制【例7-12】下面代码用prompt()方法输入字符串，然后赋值给变量msg。本例文件7-12.html在浏览器中显示如图7-14所示。

7.6流程控制!DOCTYPEhtmlhtmlheadmetacharset=utf-8titleprompt()方法输入字符串/titlescripttype=text/javascriptvarmsg=prompt(请输入值,预期输入);alert(你输入的值：+msg);/script/headbody/body/html

7.6流程控制（2）用window对象的comfirm()方法comfirm()方法弹出一个确认消息对话框，单击“确认”按钮返回True,单击“取消”按钮返回False。语法格式：comfirm(提示字符串);【例7-13】window对象的confirm()方法示例。本例文件7-13.html在浏览器中显示如图7-15所示。

7.