HTML与JSP基础:JavaScript变量与动态效果

需积分: 9 75 下载量 135 浏览量 更新于2024-08-22 收藏 2.2MB PPT 举报
"该资源是一份关于JSP动态网页设计基础的教程,特别关注了如何声明和使用变量。示例代码展示了一个简单的HTML文件,其中包含JavaScript脚本,用于弹出对话框获取用户输入并显示在网页上。教程强调了HTML、JavaScript与JSP的关系,以及掌握它们对动态网站开发的重要性。" 在JSP动态网页设计中,变量的声明和使用是基础概念之一。在提供的示例中,`var x;`声明了一个变量`x`。在JavaScript中,`var`关键字用于定义变量,而此处的`x`是变量的名称。接着,`x=prompt("淘宝网竟拍,请出一口价",1);`赋予变量`x`一个值,这个值来自用户在弹出的提示对话框中输入的信息。`prompt`函数用于与用户交互,它会显示一个对话框,提示用户输入数据,参数一为对话框显示的文本,参数二为默认值。如果用户点击取消,`prompt`会返回一个空字符串。 `document.write("拍卖价格"+x+"<BR>")`展示了如何使用`document.write`方法在网页上输出内容。`document.write`的作用类似于`print`,可以将指定的文本或变量值写入HTML文档。在这里,`"+"`用于连接字符串,将"拍卖价格"、变量`x`的值和换行符`<BR>`组合在一起,使得输出在网页上呈现换行效果。 此外,`alert("欢迎下次光临!");`调用了`alert`函数,它会弹出一个警告对话框,显示指定的消息。这常用于向用户显示简单的通知或确认信息。 HTML是构建静态网页的基础,学习JSP前需要熟悉HTML的基本结构和常用标签。HTML文档由`<html>`标签开启,`</html>`标签关闭,包括`<head>`和`<body>`两个主要部分。`<head>`包含了页面的元信息,如标题,而`<body>`则包含了网页的实际内容。例如,`<title>`标签定义了浏览器标题栏显示的页面标题,而`<body>`内的文本则是用户在浏览器中看到的内容。 JavaScript是增强网页交互性的关键,虽然不是JSP的必备知识,但它的理解能极大地提升开发效率。例如,JavaScript可以用于验证表单数据、控制页面元素的行为等。在JSP中,JavaScript可以嵌入到HTML中,或者通过外部文件引用,为网页添加动态功能。 本章的学习目标包括理解HTML与JSP的相互作用,掌握HTML基础,使用HTML设计表单,了解JavaScript在JSP中的应用,以及能够阅读和理解JavaScript代码。通过这些知识,开发者可以更好地构建动态、交互性强的Web应用程序。