WEB程序设计WEB程序设计 (43).pdf

《WEB程序设计WEB程序设计 (43).pdf》由会员分享，可在线阅读，更多相关《WEB程序设计WEB程序设计 (43).pdf（22页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、任务四：构建PHP互动网页 -页面跳转学习目标知 识：页面跳转的方法及灵活运用。重 点：页面跳转语法。难 点：页面跳转互动网页实现。关键实践：编写实现自选主题的交互页面。1.编写实现自选主题的交互页面并将程序源码及运行结果提交课程平台。项目成果知识点1：header()函数l header()函数的作用，其中一个作用就是页面跳转，l 只要在header()函数的参数中使用“Location:xxx”即可实现该功能。课堂任务一用header（）函数实现页面跳转程序编辑与运行程序编辑与运行知识点2：使用HTML标记l 最常用的跳转页面的方法是提交表单，将标记的action属性设置为要跳转到的页面，

2、提交表单后就跳转到该页面。课堂任务二用HTML中action实现页面跳转单击提交则显示首页面知识点2：使用HTML标记l 使用HTML的超链接标记也能够实现跳转页面的功能课堂任务三用HTML的实现页面跳转?phpecho 单击超链接;?知识点2：使用HTML标记l 使用按钮控件的onclick方法实现跳转页面的功能课堂任务四用onclick实现页面跳转?phpecho;?知识点2：使用HTML标记l 使用标记实现跳转页面的功能课堂任务五用标记实现页面跳转说明：content属性中数字6表示 6s之后跳转，设置为0则表示立即跳转知识点3：使用客户端脚本l 使用客户端脚本实现跳转页面的功能课堂任务

3、六用客户端脚本实现页面跳转在PHP中使用JavaScript跳转到index.php页面?phpecho if(confirm(确认跳转页面?);echo window.location=index.php;/上面一句也可写成echo location.href=index.php;?说明：在JavaScript中，confirm()函数用于显示一个确认对话框，如果用户单击【确定】按钮则返回TRUE，单击【取消】按钮则返回FALSE。小 结页面跳转方法：header（）函数设置超链接action属性onclick标记客户端脚本课堂应用项目作业任务作业任务：编写实现自选主题的交互页面。网上考试系统实现 源代码请查看课程平台作业运行效果截图45213Thanks