Javascript页面跳转与浏览器兼容

用<meta>标签实现的定时跳转:

<meta http-equiv="refresh" content="5 url=http://www.baidu.com">

现在也在很多系统中用于实现定时跳转,它最大的问题是在Chrome浏览器中无法正常运行(有人说可以,但至少我试了两个版本的chrome,都无法正常跳转)。

解决方法是用Javascript取而代之。一种简单的办法是先定义一个函数,作用是执行跳转操作,然后通过setTimeout函数实现延时调用之。

function abc() {
location = "http://www.baidu.com";
}
setTimeout("abc()", 1000);

这种写法比较罗嗦,还得定义个没啥用的函数,更好的办法是使用匿名函数,稍微难理解那么一点点,但是简洁很多,习惯了也一样。

setTimeout(function(){location = "http://www.baidu.com";}, 1000);

这里的location = "http://www.akcms.com/?blog";是一种简写,还有以下几种写法也都可以。

location.href = "http://www.baidu.com";
document.location = "http://www.baidu.com";
document.location.href = "http://www.baidu.com";

时间: 2024-11-10 14:18:53

Javascript页面跳转与浏览器兼容的相关文章

JavaScript 页面跳转的几种方式

第一种:      <script language="javascript" type="text/javascript">         window.location.href="login.jsp?backurl="+window.location.href;  </script> 第二种:      <script language="javascript">         a

前端学习代码实例-JavaScript 页面跳转效果

运用JavaScript,实现了在10秒之后跳转到指定页面. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>web前端开发学习q群:731771211 详细教程讲解</title>

JavaScript页面跳转

<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %> <% /*准备主页请求地址*/ String homePage = request.getContextPath()+"/index.action"; if (request.getAttribute("homePage&quo

js实现页面跳转重定向多种方法

分享下js实现页面跳转重定向的几种方式. 第一种: <script language="javascript"type="text/javascript"> window.location.href="http://www.jbxue.com"; </script> 第二种: <script language="javascript"> alert("返回"); wind

CSS3与页面布局学习总结(八)——浏览器兼容与前端性能优化

目录 一.浏览器兼容 1.1.概要 1.2.浏览器内核 1.3.浏览器市场份额(Browser Market Share) 1.4.兼容的一般标准 1.5.CSS Reset 1.6.CSS Hack 1.6.1.条件注释法 1.6.2.样式内属性标记法 1.6.3.选择器前缀法 1.7.文档模式 (X-UA-Compatible) 1.8.javascript兼容 二.前端性能优化 2.1.概要 2.2.减少HTTP请求数量 2.2.1.图片地图 2.2.2.精灵图片(Sprite) 2.2.

JAVASCRIPT实现的WEB页面跳转以及页面间传值方法

在WEB页面中,我们实现页面跳转的方法通常是用LINK,BUTTON LINK ,IMG LINK等等,由用户点击某处,然后直接由浏览器帮我们跳转. 但有时候,需要当某事件触发时,我们先做一些操作,然后再跳转,这时,就要用JAVASCRIPT来实现这一跳转功能. 下面是具体的做法: 一:跳转到新页面,并且是在新窗口中打开时: 复制代码 代码如下: function gogogo() { //do someghing here... window.open("test2.html");

仅IE6中链接A的href为javascript协议时不能在当前页面跳转

切页面时有时用链接A来替代按钮,这样做有几个好处 鼠标放上时默认有手状效果(不用添加cursor:pointer) 可以添加低版本IE都支持的伪类 如果点击时页面要整体刷新,即跳转,这时IE6则不尽人意,如下 ? 1 2 3 4 5 6 7 8 9 10 <p><a href="javascript:;" onclick="jumpSina()">Sina</a></p> <p><a href=&qu

javascript 获取页面高度(多种浏览器)(转)

关于获取各种浏览器可见窗口大小的一点点研究 <script> function getInfo() { var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth; s += " 网页可见区域高:"+ document.body.clientHeight; s += " 网页可见区域宽:"+ document.body.offsetWidth + " (

JavaScript实现页面跳转的五种方式

JavaScript实现页面跳转的五种方式 第一种:<script type="text/javascript" language="javascript"> window.location.href="login.jsp?backurl="+window.location.href;</script> 第二种:<script type="text/javascript" language=&qu