任务视频V2.0

知识点

1.JavaScript脚本执行原理

2.页面引入JavaScript脚本的方式

1. 代码包含于<script>和</script>标记内，嵌入到HTML文档中

2. 通过<script>标记的src属性链接外部的JavaScript脚本文件

3. 通过JavaScript伪URL地址引入

4. 通过HTML文档事件处理程序引入

   
   

3.常用输入输出语句

1. 警告对话框alert( )

2.  提示对话框prompt( )

3.  输出document.write( )

任务视频V1.0

教学课件V2.0

教学课件V1.0

在页面显示个人信息

任务描述：

使用JavaScript在页面显示下列信息：

个人信息

所在班级：11ACCP1班
学号：20110101
姓名：李美丽
性别：女
爱好：唱歌、跳舞、爬山

任务分析：

在页面使用JavaScript语言输出个人信息，完成该任务可以使用下列步骤：

1．选择JavaScript语言编辑器编辑脚本代码。

2． 嵌入脚本代码到HTML文档中。

3．使用document.write语句在页面输出信息。

4．使用浏览器浏览该HTML文档。

任务实现：

<script type="text/javascript">

document.write("<h1>个人信息</h1>");

document.write("<h3>所在班级：11ACCP1班<br/>学号：20110101<br/>姓名：李美丽<br/>性别：女<br/>爱好：唱歌、跳舞、爬山</h3>");

</script>

1.使用转义字符在页面输出信息

实现思路：使用alert方法输出信息，字符信息中包含换行转义字符

参考答案：

2.使用prompt语句，完成如图所示效果

实现思路：

1.使用prompt方法接受用户输入。

2.使用alert方法将用户输入的信息显示。

参考答案：