`

js控制页面跳转

阅读更多

   前几天做项目过程中,利用js控制拼串提交同时页面跳转,格式大体如下:

 

<script type="text/javascript">
function search()
{
    var type = document.getElementById("type").value;
    var value = document.getElementById("value").value;
    window .location.href="http://www.xxx.net/xxx/igportal.html?page=13292905&type="+type+"&value="+encodeURIComponent(value);
}
</script>
 

 

    但是在IE环境下将其作为数据源在微件中时,经测试,window .location.href作用失效,将window改为document就可以了,呵呵,不知道为何故

附:其他几种js控制页面跳转的方式:

第一种:
   

<script language= "javascript" >
         alert( " 返回 " );
         window.history.back(-1);
</script>
 

 

返回上一页面;


第二种:
  

<script language= "javascript" >
         window.navigate( "top.jsp" );
</script>
 

 

MSDN上说此方法是针对IE的,不适用与FF,在HTML DOM Window Object 中,根本没有列出此方法;


第三种:
  

<script language= "JavaScript" >
          self.location='top.htm';
</script>

 

self 指代当前窗口对象,属于windows最上层的对象;

location.href 指的是某window对象的URL地址;

self.location.href 指当前窗口的URL地址,去掉self,默认为当前窗口的URL地址,一般用于防止外部调用。


第四种:
  

<script language= "javascript" >
          alert( " 非法访问! " );
          top.location='xx.jsp';
</script>

 

top指代的是主体窗口,返回为真(true),则网页重定向到你的网页,做到防盗的作用。


0
1
分享到:
评论

相关推荐

    js实现页面跳转的几种方式

    通过JavaScript,我们可以非常灵活地控制页面的导航逻辑,提高用户体验并优化应用性能。本文将详细介绍几种常用的JavaScript页面跳转方法,并分析各自的适用场景。 #### 1. 使用 `window.location.href` 这是最...

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

    特别是在页面跳转方面,JS提供了多种方式来实现这一功能,这些方法各有特点,适用于不同的场景需求。下面将详细介绍几种常见的JS页面跳转技术及其应用场景。 ### 1. 使用`window.location.href` 这是最常用的一种...

    javasript控制页面跳转

    我们先来深入理解JavaScript控制页面跳转的基本原理和常见方法。 在JavaScript中,我们可以使用`window.location`对象来改变当前窗口的位置,实现页面跳转。`location`对象包含了当前URL的所有信息,如协议、主机名...

    js 控制页面跳转的5种方法

    本文将详细解释如何使用JavaScript控制页面跳转的五种方法,并展示如何使用JavaScript实现自动跳转到其他页面的功能。 首先,介绍五种使用JavaScript控制页面跳转的方法: 1. 使用window.location.href属性 window...

    JS控制页面跳转时未请求要跳转的地址怎么回事

    其实,想表达的仅仅是,在js中通过[removed].href控制页面跳转时,有时会跳转至缓存页面,并没有真正去请求要跳转的地址,导致页面数据未能及时加载刷新。 直奔code… 解决办法: 在HTML中埋入隐藏from,通过js调用...

    JS控制div跳转到指定的位置的几种解决方案总结

    在Web开发中,页面内的导航跳转到特定的内容位置是一项常见需求。本文介绍了几种使用JavaScript实现页面滚动到指定div位置的解决方案。这些方法主要包括锚点法、jQuery的animate方法、window.scrollTo方法和...

    websocket连接两个页面,一个页面控制另外一个页面跳转。

    在"大客户端控制小客户端页面跳转"的应用中,大客户端作为WebSocket的发送端,向服务器发送特定的控制指令,例如"jump"命令。这个命令包含目标URL,表明需要小客户端跳转到的页面(如百度)。服务器接收到这个命令后...

    js页面跳转整理。。

    通过JavaScript可以非常灵活地控制页面的导航逻辑,无论是打开新的窗口、跳转到指定页面还是处理复杂的导航历史,JavaScript都能提供强大的支持。本文将对JS页面跳转的各种方式进行详细介绍,并分析它们之间的差异及...

    页面自定跳转 超链接 跳转 jsp页面跳转

    在使用JavaScript进行页面跳转时,不同浏览器对DOM(文档对象模型)的支持程度不一,特别是对于`innerText`和`textContent`属性的处理。`innerText`主要被IE浏览器支持,而`textContent`则广泛应用于其他现代浏览器...

    JS 跳转页面延迟方法

    总结一下,JavaScript提供了多种方法实现延迟页面跳转,其中`setTimeout`是最常用的选择。通过理解这些方法的工作原理和使用场景,我们可以根据项目需求灵活地控制页面导航的时机。同时,注意适时使用`clearTimeout`...

    qt-quick QML页面跳转

    通过定义`Item`或其子类(如`Rectangle`、`Column`等)来创建元素,然后可以通过属性绑定和JavaScript代码来控制它们的行为。 ### 单页面跳转 在单页面跳转中,我们通常在一个QML文件中管理所有的视图状态。例如,...

    react-router4.2使用js控制路由跳转的3种方式

    尽管在早期版本中,开发者可以直接通过`this.props.history.push`来实现页面跳转,但在4.2版本中,这种方式已经不再支持。为了满足使用JS代码进行路由跳转的需求,React Router 4.2提供了一些新的解决方案。 #### ...

    php页面跳转php页面跳转

    在PHP中,页面跳转是一种常见的操作,通常用于用户交互或者流程控制。下面将详细介绍四种在PHP中实现页面跳转的方法: 1. **使用`header()`函数**:这是最常见的方式,通过设置HTTP响应头中的`Location`字段来告诉...

    js实现多长时间页面跳转

    在探讨“js实现多长时间页面跳转”的主题时,我们主要关注的是如何使用JavaScript来控制网页在特定时间后自动跳转到另一个页面。这在很多场景下都非常实用,比如在登录成功后显示一个短暂的欢迎页面,或者在完成某个...

    ASP.NET页面跳转

    除了服务器端的技术,也可以利用客户端脚本(如JavaScript)来实现页面跳转。例如: ```javascript &lt;script language="javascript"&gt;window.location.href = "test.aspx"; ``` 这种方式可以直接在客户端触发页面...

    vue 实现axios拦截、页面跳转和token 验证

    本文主要讲述了如何在Vue项目中整合axios来实现请求拦截、页面跳转以及基于token的验证流程,确保了安全性与用户体验。 ### Vue与axios整合的必要性 Vue.js虽然强大,但本身并不提供HTTP请求的功能。axios作为一个...

    一个超炫酷的跳转页面 HTML

    综上所述,这个"超炫酷的跳转页面 HTML"项目涉及到HTML的基本结构和链接功能,JavaScript的动态效果和页面跳转控制,以及CSS的样式设计和动画效果。通过这些技术的组合,可以创建出吸引用户并有效引导他们到目标页面...

    JSP页面跳转方法总结

    利用JavaScript编写脚本来控制页面跳转,这种方式更加灵活。例如: ```html &lt;script type="text/javascript"&gt; function jumpToPage() { window.location.href = "target.jsp"; } ()"&gt;跳转 ``` ##### 3. 提交...

Global site tag (gtag.js) - Google Analytics