ie6下面超链接跳转页面的bug

 

1、ie6 页面跳转事件,必须返回false 或者 阻止默认事件,才能进行正常的页面跳转

 

var goUrl = function(url){

if(!url) return ;

window.location.href = url;

}

1、<a href="javascript:;" onclick="javascript:goUrl('http://www.baidu.com');">跳转1</a>      

2、<a href="javascript:void(0);" onclick="javascript:goUrl('http://www.baidu.com');">跳转2</a>      

3、<a href="javascript:void(0);" onclick="javascript:goUrl('http://www.baidu.com');return false;">跳转3</a>      

4、<a href="#" onclick="javascript:goUrl('http://www.baidu.com');">跳转4</a>      

5、<a href="###" onclick="javascript:goUrl('http://www.baidu.com');">跳转5</a>

 

其中,3、4、5 在ie6下面都可以跳转。1,2不能跳转。、

原因:使用return false 或者 框架(Ext jquery)自带的禁用事件方法 来屏蔽默认事件。

 

2、javascript:void(0);的左右是使整个页面不刷新。void方式不返回任何值,即返回undefined。

### JSP中实现超链接跳转页面的方法 在JSP(JavaServer Pages)中,可以使用多种方式实现超链接跳转页面的功能。以下是几种常见的方式及其对应的示例代码。 #### 方法一:通过HTML `<a>`标签实现基本的超链接跳转 这是最简单的一种方法,适用于普通的页面跳转需求。只需定义一个`<a>`标签并指定目标地址即可。 ```html <a href="targetPage.jsp">跳转到目标页面</a> [^1] ``` 此方法适合于简单的页面间导航场景,无需额外逻辑处理。 --- #### 方法二:通过JavaScript控制跳转行为 如果需要更复杂的交互效果或者条件判断,则可以借助JavaScript来增强跳转功能。例如,在点击按钮时触发跳转: ```javascript <script> function redirectToTarget() { window.location.href = "targetPage.jsp"; } </script> <button onclick="redirectToTarget()">跳转到目标页面</button> [^1] ``` 这种方法允许开发者加入更多的业务逻辑,比如验证表单数据后再决定是否执行跳转操作。 --- #### 方法三:设置中间加载页面以优化用户体验 为了提升用户的体验感,可以在实际的目标页面之前插入一个轻量级的“加载”页面。该页面仅展示加载动画,并快速引导至最终目的地。具体做法如下所示: ##### **begin.jsp** ```html <a href="loading.jsp?url=targetPage.jsp">跳转到目标页面</a> [^2] ``` ##### **loading.jsp** ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Loading...</title> <style> body { text-align: center; font-size: 20px; margin-top: 50px; } </style> </head> <body> 正在加载,请稍候... <img src="spinner.gif" alt="Loading Animation"> <!-- 自动重定向 --> <% String targetUrl = request.getParameter("url"); response.setHeader("Refresh", "3; URL=" + targetUrl); %> </body> </html> ``` 这种方式特别适合那些目标资源较大、可能引起较长等待时间的情况。 --- #### 方法四:利用HTTP响应头实现延时后的自动跳转 对于某些特定场合下希望用户停留在当前页面一段时间再被导向其他地方的情形,可采用服务器端配置或客户端元标记两种手段之一达成目的。这里给出基于Servlet API编程的例子: ```java public class RedirectServlet extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { int stayTimeInSeconds = 5; String destinationUrl = "/targetPage.jsp"; // 设置刷新头部字段 String contentValue = stayTimeInSeconds + ";URL=" + destinationUrl; response.setHeader("Refresh", contentValue); // 输出提示信息给浏览器显示 PrintWriter out = response.getWriter(); out.println("<h1>您将在几秒钟后被转移到新位置。</h1>"); } } ``` 上述片段展示了如何编写一段能够延迟数秒才完成跳转动作的小型程序[^4]。 --- #### 注意事项 需要注意的是,一旦项目引入了像Thymeleaf这样的模板引擎插件之后,原有的静态路径映射机制会被替代掉,因此必须调整返回视图名称的方式来匹配新的框架约定规则[^3]。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值