`
jiangzhong
  • 浏览: 15643 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
文章分类
社区版块
存档分类
最新评论

Javascript在IE6下window.location.href 不跳转

阅读更多
<!--[endif]-->
没有废话,直接开始代码


页面代码如下:


代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title id="Title1" runat="server">..</title>

<script type="text/javascript">

    function clickT(){

                  window.location.href='www.g.cn';

    }

</script>

</head>

<body>

    <input value="click" type="button" onclick="clickT();" />

</body>

</html>



当我点击按钮时,将会得到这样的结果:

The page cannot be displayed

The page you are looking for is currently unavailable. The Web site might be experiencing technical difficulties, or you may need to adjust your browser settings.


调试了好久,也不知道是什么原因,后来考虑到IE6下会把所有的标签自动都补全地址,于是写上了完整的路径




function clickT(){

                  window.location.href='www.g.cn';

    }

修改为

function clickT(){

                  window.location.href='http://www.g.cn';

}

问题得以解决,最终代码如下:



代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title id="Title1" runat="server">..</title>

<script type="text/javascript">

    function clickT(){

                  window.location.href='http://www.g.cn';

    }

</script>

</head>

<body>

    <input value="click" type="button" onclick="clickT();" />

</body>

</html>


总结:IE6下window.location.href值必须写上完整的地址,不能使用相对地址。


补充一个问题:

IE6下用A标签做按钮的解决方案:


1、事件必须return false

  <a href="javascript:void(0);" onclick="event();return false;"></a>

2、a标签的href属性设为一个锚点。


  <a href="#" onclick="event();"></a>


分享到:
评论

相关推荐

    window.location.href页面跳转的用法(区别于redirect)

    ### window.location.href页面跳转的用法(区别于redirect) #### 概述 在Web开发过程中,页面跳转是一项常见的需求。通常我们会使用`Response.Redirect`来进行页面跳转,但这种方式无法在跳转前执行客户端脚本...

    javascript 打开页面window.location和window.open的区别.docx

    在JavaScript中,`window.location` 和 `window.open` 都是用来控制浏览器导航的重要API,但它们在使用场景、功能特性和行为上有显著的不同。了解这些差异对于合理地利用这两种方法至关重要。 #### 二、window....

    详解js location.href和window.open的几种用法和区别.docx

    例如,在某些情况下,需要在当前页面跳转到新的 URL,可以使用 location.href。 而在其他情况下,需要打开新的浏览器窗口或 Tab,可以使用 window.open()。 location.href 和 window.open() 是 JavaScript 中两个...

    top.location.href和localtion.href有什么不同

    在Web开发中,`window.location`对象用于获取或设置当前浏览器窗口的位置信息,而`window.location.href`则用来获取或设置当前文档的URL。在涉及到网页中的框架(Frames)时,`top.location.href`与`location.href`...

    window.location.hash解析

    在JavaScript编程中,`window.location.hash` 是一个非常重要的属性,它用于获取或设置当前URL的哈希值,也就是URL中“#”后面的部分。这个属性在开发网页应用时经常被用来实现页面内的导航和锚点定位。这篇博客文章...

    关于js中[removed].href,location.href,parent.location.href,top.location.href的用法与区别

    标题和描述中提到了JavaScript中的几个与页面跳转和刷新相关的属性,分别是window.location.href、location.href、parent.location.href以及top.location.href。这些属性在JavaScript编程中非常常用,用于控制页面的...

    JavaScript 中document.URL 和 [removed].href 的区别

    在探讨JavaScript中`document.URL`与`window.location.href`之间的差异之前,我们首先需要了解`document`和`window`这两个核心对象的基本概念及其作用。这不仅有助于理解它们各自属性的具体含义,还能帮助开发者在...

    解决[removed].href之后session丢失的问题

    然而,在使用JavaScript的`window.location.href`进行页面跳转时,有时会出现Session丢失的问题,这可能导致用户在跳转后无法访问之前存储在Session中的数据。本文将探讨这个问题的原因及解决方案。 首先,我们需要...

    window.open.txt

    根据提供的文件信息,我们可以深入探讨`window.open()`方法在不同浏览器环境下的特性和使用细节。 ### window.open() 方法概述 `window.open()`是JavaScript中一个非常实用的方法,它用于在一个新的浏览器窗口或...

    JS 获取当前页面 URL.docx

    虽然`document.domain`不是`window.location`的一部分,但在某些情况下也需要使用到。它可以返回或设置文档所在的域名。 ```javascript console.log(document.domain); // 输出域名 ``` ### 实战应用示例 下面是...

    javascript页面跳转常用代码.pdf

    需要注意的是,`window.location.href="要刷新的页面"`在某些浏览器(如IE6、Maxthon)中可能存在问题,建议使用`window.location.reload()`确保兼容性。 在服务器端,例如ASP.NET,可以使用以下方法进行页面跳转或...

    JS 中document.URL 和 windows.location.href 的区别

    在JavaScript中,`document.URL`和`window.location.href`都是用来获取当前页面URL的属性,但它们之间存在一些微妙的差异。理解这些差异对于编写精确的前端代码至关重要。 首先,我们要明确`document`和`window`是...

    JS页面跳转和js对iframe进行页面跳转、刷新

    与`window.location.href`类似,但不同之处在于`replace`不会在浏览器的历史记录中留下跳转记录,这意味着用户点击后退按钮时不会回到之前的页面。 ```javascript window.location.replace("http://www.example.com"...

    js跳转页面方法,JS跳转页面参考代码

    6. 直接跳转式 `&lt;script&gt;window.location.href='连接地址';&lt;/script&gt;`; 7. 开新窗口 `&lt;a href="/javascript:" onClick="window.open('连接地址','','height=500,width=611,scrollbars=yes,status=yes')"&gt;`.

    各种js页面跳转代码

    在本文中,我们将总结多种JavaScript页面跳转代码,包括使用window.location.href、window.history.back、window.navigate、self.location等方法。 第一种:使用window.location.href window.location.href是...

    Javascript窗口与提示大全

    &lt;a href="#" onclick="javascript:window.location.reload();"&gt;刷新 ``` 点击“刷新”链接将会刷新当前页面。 ##### 2. 返回上一级页面 ```html 返回" onclick="javascript:history.go(-1);"/&gt; ``` 点击“&lt;返回”...

    javascript各种跳转

    1. **利用`window.location.href`跳转**: 这是最常见的跳转方式,通过设置`window.location.href`的值为新的URL,可以将页面重定向到指定的地址。例如: ```javascript window.location.href = "login.jsp?...

    js页面跳转 js页面跳转代码汇总

    这段代码试图将页面导航至`top.jsp`,但需要注意的是,该方法在IE8及以下版本的IE浏览器中才有效,对于现代浏览器,建议使用`window.location.href`或`window.location.replace()`等替代方案。 ### 4. 使用`self....

    javascript页面跳转常用代码宣贯.pdf

    6. `window.navigate(location)`:该方法可以刷新当前页面,重新加载页面的所有内容。 7. `location.replace(location)`:该方法可以刷新当前页面,重新加载页面的所有内容。 8. `document.URL=location.href`:该方法...

Global site tag (gtag.js) - Google Analytics