`

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控制页面跳转时未请求要跳转的地址怎么回事

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

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

    介绍了js 控制页面跳转的5种方法,有需要的朋友可以参考一下

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

    主要介绍了JS控制div跳转到指定的位置的几种解决方案总结,小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

    大客户端可以发送消息到小客户端,并且大客户端可以发送“jump”命令到小客户端控制小客户端页面跳转到百度。其中系统管理页面记录所有大端与小端发送的消息,以及大端与小端的id。

    SpringBoot页面跳转访问css、js等静态资源引用无效解决.docx

    【SpringBoot页面跳转访问css、js等静态资源引用无效解决】 解释:SpringBoot项目默认访问根目录有三个分别是: /resources :系统默认的根路径 /static :所有静态资源文件如js、css、jpg、html等文件是可以直接...

    javascript跳转页面方法

    js跳转页面方法:按钮式、直接跳转式、开新窗口、在原来的窗体中直接跳转用、最基本的弹出窗口代码、经过设置后的弹出窗口、终极应用--弹出的窗口之Cookie控制

    谷歌插件,用于网页跳转

    一个谷歌插件,可用于页面记录页面跳转,内容含有CSS、js等

    自动刷新页面+自动跳转和关闭

    自动刷新页面+自动跳转和关闭: JavaScript是一种扩展到HTML的脚本设计语言,它使网页开发者可以更有效地控制页面

    JavaScript实现单击下拉框选择直接跳转页面的方法

    主要介绍了JavaScript实现单击下拉框选择直接跳转页面的方法,涉及javascript控制页面跳转的相关技巧,需要的朋友可以参考下

    angularjs项目的页面跳转如何实现(5种方法)

    本篇文章主要介绍了详解angularjs项目的页面跳转如何实现 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    JavaScript实现页面5秒后自动跳转的方法

    这个JavaScript控制页面5秒后自动跳转的代码在很多开发中经常需要用到,感兴趣的朋友可以收藏一下! &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"/&gt; &lt...

    JavaScript实现通过select标签跳转网页的方法

    本文实例讲述了JavaScript实现通过select标签跳转网页的方法。分享给大家供大家参考,具体如下: 我们经常有遇到需要用select标签跳转到新网页的情况,dw生成的代码太复杂,那么有没有精简的代码得以实现呢?经过...

    AngularJS路由实现页面跳转实例

    AngularJS是一个javascript框架,通过AngularJS这个类库可以实现目前比较流行的单页面应用,AngularJS还具有双向数据绑定的特点,更加适应页面动态内容。 所谓单页面应用就是在同一个页面动态加载不同的内容,而这里...

    js,jquery滚动/跳转页面到指定位置的实现思路

    要解决两个需求: 一个是从A页面跳到B页面,滚动到页面的任何地方; 第二个是在B页面内部点击某个元素,滚动到页面的任何地方; 怎么解决啊?很简单,当然是用锚点。 首先在A页面创建一个锚点 &lt;body&gt; 点击跳转...

    js控制网页前进和后退的方法

    主要介绍了js控制网页前进和后退的方法,涉及javascript中history.go方法的相关使用技巧,非常简单实用,需要的朋友可以参考下

    用HTML/JS/PHP方式实现页面延时跳转的简单实例

    WEB开发中经常会遇到页面跳转或延时跳转的需求,掌握各种页面跳转方式非常必要。 以下是我总结有用HTML/JS/PHP三类方式实现跳转的方法,例子皆为三秒后跳转到index.php页面。 1,HTML方法: 在HEAD中添加&lt;meta&gt;...

    Gridview读Excel分页记录选中状态跳转页面传参

    5.Checkbox用javascript控制全选 6.分页,跳到下一页,记录上一页面Checkbox选中状态 7.清除Checkbox选中状态 8.跳转页面,传参选中的Checkbox对应的姓名 之前是从网上看到的保存checkbox分页选中状态,但是没有传参...

    react-router JS 控制路由跳转实例

    Link组件用于正常的用户点击跳转,但是有时还需要表单跳转、点击按钮跳转等操作。这些情况怎么跟React Router对接呢? 下面是一个表单。 &lt;form onSubmit={this.handleSubmit}&gt; &lt;input type=text ...

Global site tag (gtag.js) - Google Analytics