JSP.rar_jsp动态_动态网页_网页动态效果资源-CSDN文库

共1个文件

htm：1个

版权申诉

107 浏览量 2022-09-22 23:00:44 上传评论收藏 15KB RAR 举报

**JSP（Java Server Pages）** 是一种基于Java技术的服务器端编程模型，用于创建动态网页。它将HTML、XML或者其他标记语言与Java代码结合在一起，使得开发者可以在网页中嵌入Java代码，实现动态内容的生成。JSP的核心概念是**分离表现层和业务逻辑层**，让网页设计更加灵活，同时也方便了团队协作。在描述中提到的"JSP动态网页设计脚本"是指使用JSP技术实现的能够根据用户交互或数据变化实时更新的网页。这种动态性主要通过以下几种方式实现： 1. **JSP指令（Directives）**：例如`<%@ page %>`, `<%@ include %>`, `<%@ taglib %>`等，它们用来设置页面属性、包含其他文件或引入自定义标签库。 2. **脚本元素（Scriptlets）**：`<%...%>`中包含的Java代码，用于执行计算、访问数据库或控制流程等。 3. **表达式（Expressions）**：`<%=...%>`用于将Java表达式的值输出到HTML页面。 4. **声明（Declarations）**：`<%!...%>`用于声明变量或方法，它们在JSP页面被翻译成Servlet时初始化。 5. **JSP动作（JSP Actions）**：如`<jsp:include>`, `<jsp:forward>`, `<jsp:useBean>`等，它们用于控制页面流程和组件的使用。 6. **EL（Expression Language）**：一种简洁的表达式语法，用于获取和设置JavaBeans的属性，简化了页面中的数据绑定。 7. **JSTL（JavaServer Pages Standard Tag Library）**：提供了一系列标准标签，如迭代、条件判断、XML处理等，以减少脚本let的使用，提高代码可读性。在压缩包中的“JSP.htm”可能是一个HTML文件，用于展示JSP动态效果的实例或者教程。通常，这样的文件会包含JSP的各种用法示例，如使用EL表达式显示数据、使用JSTL进行循环和条件判断、或者展示如何与JavaBeans进行交互等。学习JSP动态网页设计，你需要理解HTTP协议、Servlet基础以及Java编程基础。掌握JSP的这些核心特性后，你将能创建功能丰富的动态网页应用，实现用户登录、注册、数据查询、表单提交等常见功能。此外，理解MVC（Model-View-Controller）设计模式对提升JSP应用的结构化和可维护性也至关重要。在实际开发中，常常会结合使用Spring MVC或Struts等框架，以进一步提高开发效率和应用质量。

资源详情

资源评论

资源推荐

收起资源包目录

JSP.rar （1个子文件）

JSP.htm 71KB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><HTML><HEAD><META content="IE=9.0000" http-equiv="X-UA-Compatible"> <META content="text/html; charset=utf-8" http-equiv="Content-Type"> <TITLE>网页常用的JSP脚本 - 自己 - 博客园</TITLE><LINK rel="stylesheet" type="text/css" href="网页常用的JSP脚本%20-%20自己%20-%20博客园_files/common.css"> <LINK id="MainCss" rel="stylesheet" type="text/css" href="网页常用的JSP脚本%20-%20自己%20-%20博客园_files/style.css"> <LINK rel="stylesheet" type="text/css" href="网页常用的JSP脚本%20-%20自己%20-%20博客园_files/common2.css"> <LINK rel="stylesheet" type="text/css" href="网页常用的JSP脚本%20-%20自己%20-%20博客园_files/shStyle.css"> <LINK title="RSS" rel="alternate" type="application/rss+xml" href="http://www.cnblogs.com/345563452/rss"> <LINK title="RSD" rel="EditURI" type="application/rsd+xml" href="http://www.cnblogs.com/345563452/rsd.xml"> <LINK rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.cnblogs.com/345563452/wlwmanifest.xml"> <SCRIPT type="text/javascript" src="网页常用的JSP脚本%20-%20自己%20-%20博客园_files/jquery.js"></SCRIPT> <SCRIPT type="text/javascript"> var currentBlogApp = '345563452'; </SCRIPT> <SCRIPT type="text/javascript" src="网页常用的JSP脚本%20-%20自己%20-%20博客园_files/common.js"></SCRIPT> <SCRIPT type="text/javascript" src="网页常用的JSP脚本%20-%20自己%20-%20博客园_files/json2.js"></SCRIPT> <SCRIPT type="text/javascript" src="网页常用的JSP脚本%20-%20自己%20-%20博客园_files/syntaxHighlighter.js"></SCRIPT> <META name="GENERATOR" content="MSHTML 9.00.8112.16455"></HEAD> <BODY><A name="top"></A> <DIV id="centerbody" align="center"> <DIV id="header"> <DIV class="header"> <DIV class="headerText"><A id="Header1_HeaderTitle" class="headermaintitle" href="http://www.cnblogs.com/345563452/">沉积如水</A><BR> 学习.NET </DIV></DIV></DIV> <DIV id="main"> <DIV id="mytopmenu"> <DIV id="mylinks"><A id="MyLinks1_HomeLink" class="menu" href="http://www.cnblogs.com/">博客园</A>    <A id="MyLinks1_MyHomeLink" class="menu" href="http://www.cnblogs.com/345563452/">首页</A>    <A id="MyLinks1_NewPostLink" class="menu" href="http://www.cnblogs.com/345563452/admin/EditPosts.aspx?opt=1" rel="nofollow">新随笔</A>   <A accessKey="9" id="MyLinks1_ContactLink" class="menu" href="http://space.cnblogs.com/msg/send/%e8%87%aa%e5%b7%b1" rel="nofollow">联系</A>    <A id="MyLinks1_Syndication" class="menu" href="http://www.cnblogs.com/345563452/rss">订阅</A><A id="MyLinks1_XMLLink" href="http://www.cnblogs.com/345563452/rss"><IMG alt="订阅" src="网页常用的JSP脚本%20-%20自己%20-%20博客园_files/xml.gif"></A>   <A id="MyLinks1_Admin" class="menu" href="http://www.cnblogs.com/345563452/admin/EditPosts.aspx" rel="nofollow">管理</A> </DIV> <DIV id="mystats"> <DIV class="blogStats">posts - 118,  comments - 31,  trackbacks - 0 </DIV></DIV></DIV> <DIV id="centercontent"> <DIV class="post"> <DIV class="postTitle"><A id="cb_post_title_url" class="postTitle2" href="http://www.cnblogs.com/345563452/archive/2008/09/17/1292749.html">网页常用的JSP脚本</A></DIV> <DIV id="cnblogs_post_body"> <P style="text-indent: 2em;">1.文本框焦点问题</P> <P style="text-indent: 2em;">onBlur:当失去输入焦点后产生该事件</P> <P style="text-indent: 2em;">onFocus:当输入获得焦点后，产生该文件</P> <P style="text-indent: 2em;">Onchange:当文字值改变时，产生该事件</P> <P style="text-indent: 2em;">Onselect:当文字加亮后，产生该文件</P> <P style="text-indent: 2em;"><input type="text" value="郭强" onfocus="if(value=='郭强') {value=''}" onblur="if </P> <P style="text-indent: 2em;">(value=='') {value='郭强'}">点击时文字消失，失去焦点时文字再出现 </P> <P style="text-indent: 2em;">2.网页按钮的特殊颜色</P> <P style="text-indent: 2em;"><input type=button name="Submit1" value="郭强" size=10 class=s02 </P> <P style="text-indent: 2em;">style="background-color:rgb(235,207,22)"> </P> <P style="text-indent: 2em;">3.鼠标移入移出时颜色变化</P> <P style="text-indent: 2em;"><input type="submit" value="找吧" name="B1" onMouseOut=this.style.color="blue" </P> <P style="text-indent: 2em;">onMouseOver=this.style.color="red"  class="button"> </P> <P style="text-indent: 2em;">4.平面按钮</P> <P style="text-indent: 2em;"><input type=submit value=订阅 style="border:1px solid :#666666; height:17px; width:25pt; font-size:9pt; </P> <P style="text-indent: 2em;">BACKGROUND-COLOR: #E8E8FF; color:#666666" name="submit"> </P> <P style="text-indent: 2em;">5.按钮颜色变化</P> <P style="text-indent: 2em;"><input type=text name="nick"  style="border:1px solid #666666;  font-size:9pt;  height:17px; </P> <P style="text-indent: 2em;">BACKGROUND-COLOR: #F4F4FF; color:#ff6600" size="15" maxlength="16"> </P> <P style="text-indent: 2em;">6.平面输入框</P> <P style="text-indent: 2em;"><input type="text" name="T1" size="20" style="border-style: solid; border-width: 1"> </P> <P style="text-indent: 2em;">7.使窗口变成指定的大小</P> <P style="text-indent: 2em;"><script></P> <P style="text-indent: 2em;">window.resizeTo(300,283);</P> <P style="text-indent: 2em;"></script> </P> <P style="text-indent: 2em;">8.使文字上下滚动</P> <P style="text-indent: 2em;"><marquee direction=up scrollamount=1 scrolldelay=100 onmouseover='this.stop()' onmouseout='this.start()' </P> <P style="text-indent: 2em;">height=60></P> <P style="text-indent: 2em;"></P> <P style="text-indent: 2em;"><tr></P> <P style="text-indent: 2em;"><td></P> <P style="text-indent: 2em;">共和国</P> <P style="text-indent: 2em;"></table>        </P> <P style="text-indent: 2em;"></marquee> </P> <P style="text-indent: 2em;">9.状态栏显示该页状态</P> <P style="text-indent: 2em;"><base onmouseover="window.status='网站建设 http://www.admin5.cn/' ;return true"> </P> <P style="text-indent: 2em;">10.可以点击文字实现radio选项的选定</P> <P style="text-indent: 2em;"><br></P> <P style="text-indent: 2em;">&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="regtype" value="A03" id="A03"></P> <P style="text-indent: 2em;"><label for="A03"> 情侣 : 一次注册两个帐户</label> <br> </P> <P style="text-indent: 2em;">11.可以在文字域的font写onclick事件 </P> <P style="text-indent: 2em;">12.打印</a>打印网页</P> <P style="text-indent: 2em;"><a href='javascript:window.print ()'> </P> <P style="text-indent: 2em;">13.线型输入框</P> <P style="text-indent: 2em;"><input type="text" name="key"  size="12" value="关键字" onFocus=this.select() onMouseOver=this.focus() </P> <P style="text-indent: 2em;">class="line"> </P> <P style="text-indent: 2em;">14.显示文档最后修改日期</P> <P style="text-indent: 2em;"><script language=javascript></P> <P style="text-indent: 2em;">function hi(str)</P> <P style="text-indent: 2em;">{</P> <P style="text-indent: 2em;"> document.write(document.lastModified) </P> <P style="text-indent: 2em;"> alert("hi"+str+"!")</P> <P style="text-indent: 2em;">}</P> <P style="text-indent: 2em;"></script> </P> <P style="text-indent: 2em;">15.可以在鼠标移到文字上时就触发�