myeclipse 编辑一个方法显示隐藏的div层

2025-04-23 12:38:12

1、打开MyEclipse开发工具,点击File菜单,然后New--->Web Project

myeclipse 编辑一个方法显示隐藏的div层
myeclipse 编辑一个方法显示隐藏的div层

2、输入项目名称,选择Java EE、Java Version和JSTL Version;点击Next继续下一步,勾选生成index.jsp和web.xml文件

myeclipse 编辑一个方法显示隐藏的div层

3、接着打开index.jsp页面文件,向body标签中插入一个div标签,并添加id属性

myeclipse 编辑一个方法显示隐藏的div层

4、在<script></script>标签,定义按钮点击事件罕铞泱殳ctrlShowHide,然后向button按钮绑定事件

myeclipse 编辑一个方法显示隐藏的div层

5、保存项目代码,将项目部署到Tomcat服务器,然后启动Tomcat

myeclipse 编辑一个方法显示隐藏的div层

6、启动完成后,打开浏览器输入访问网址,结果发现点击按钮内容没有隐藏

myeclipse 编辑一个方法显示隐藏的div层

7、返回到编辑器,检查代码发现按钮事件没有小括号,导致事件失效

myeclipse 编辑一个方法显示隐藏的div层

8、再次保存代码并启动项目,刷新浏览器,点击按钮,div内容隐藏,再点击div内容显示

myeclipse 编辑一个方法显示隐藏的div层
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢