`

js实现表单跳转页面

 
阅读更多
function router(page, param, isBlank) {
    var url = parent.location.pathname;
    var form = document.createElement("form");
    var frag = document.createDocumentFragment();
    frag.appendChild(form);

    form.method = 'post';
    form.action = url;
    if (isBlank) {
        form.target = '_blank';
    }
    // 创建隐藏表单
    var element = document.createElement("input");
    element.setAttribute("type", "hidden");
    element.setAttribute("name", "forward_by_router");
    element.setAttribute("value", page);
    form.appendChild(element);
    if (param != null) {
        var key = [];
        for (var i in param) {
            key.push(i);
        }
        for (var i = 0; i < key.length; i++) {
            element = document.createElement("input");
            element.setAttribute("type", "hidden");
            element.setAttribute("name", key[i]);
            element.setAttribute("value", param[key[i]]);
            form.appendChild(element);
        }
    }
    document.body.appendChild(frag);
    form.submit();
}

 

 

使用方式

  <a href="javascript:router('task/task',{'templateId':'/task/template/list'},true)">创建任务</a>

 

分享到:
评论

相关推荐

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

    在IT领域,特别是前端开发中,JavaScript(简称JS)被广泛用于实现网页的动态功能,包括页面跳转和对iframe内的页面进行跳转与刷新。本文将深入解析JS页面跳转的各种方法,以及如何利用JS操作iframe进行页面跳转和...

    sp\button和submit的区别及使用js实现页面跳转的方式

    sp\button和submit的区别及使用js实现页面跳转的方式 Button和Submit是两个常用的HTML表单元素,它们都是用于提交表单的,但是它们之间存在着一些区别。 首先,Button类型的按钮仅仅是一个普通的按钮,点击它不会...

    js方式的页面跳转

    其中,页面跳转是前端开发中常见的需求之一,通过JavaScript可以非常方便地实现页面之间的跳转。本文将详细介绍几种常见的JavaScript页面跳转方法及其应用场景。 #### 二、知识点详解 ##### 1. `window.location....

    JavaScript实现x秒后自动跳转到一个页面

    在Web开发中,实现页面自动跳转是一个常见的需求,比如在用户完成某个操作后,如提交表单或确认购买,页面会自动转向一个新的URL。这里我们将详细探讨三种通过JavaScript实现x秒后自动跳转到一个页面的方法。 1. **...

    js页面跳转 多种javascript页面中转方法

    ### JavaScript 页面跳转方法概述 在Web开发中,页面跳转是实现用户导航的重要手段之一。JavaScript作为一种广泛使用的客户端脚本语言,提供了多种方式进行页面跳转。本文将详细介绍几种常见的JavaScript页面跳转...

    jsp_html_web_实现页面跳转

    #### 使用JavaScript实现页面跳转 1. **使用`window.location`对象**: - `window.location`对象提供了访问当前窗口URL的方法,可以用于修改当前窗口的URL,从而实现页面跳转。 - 示例代码: ```javascript ...

    页面跳转js获取传递的参数

    ### 页面跳转JS获取传递的参数 在Web开发过程中,页面间的跳转及参数传递是极为常见的需求之一。本文将详细介绍几种通过JavaScript实现页面跳转并获取传递参数的方法。 #### 方法一:使用`window.location.href` ...

    HTML输入密码自定义跳转页面源码

    3. JavaScript基础:如何使用JavaScript进行事件监听,比如表单提交,以及如何通过`window.location.href`实现页面跳转。 4. 表单验证:了解如何在客户端进行简单的密码验证,这通常是为了用户体验,真正的安全性...

    链接、页面跳转、隐藏、表单提交

    - **说明**:这段代码是前端页面中的JavaScript脚本,用于实现表单提交前的验证逻辑。如果输入的密码为空,则弹出提示框;若用户确认修改,则通过`document.forms['example'].submit()`提交表单。 - **应用场景**...

    各种的js跳转

    在前端开发中,页面跳转是常见的需求之一,JavaScript(简称JS)提供了多种实现页面跳转的方法。本文将详细介绍由标题“各种的js跳转”及描述“总结了下js的跳转懒得找得就下的非常全····”所涵盖的各种JS跳转...

    JavaScript实现在页面间传值的方法

    总结来说,本文档详细介绍了几种基于JavaScript在页面间传递参数的实现方法,适用于那些希望减少服务器交互而采用前端技术来增强用户体验的场景。这些方法包括通过URL重定向传递参数、使用隐藏表单字段传递参数以及...

    js表单注册实现页面登录信息提示(附:阻止页面跳转)

    这个场景中,我们主要关注如何使用JavaScript来实现表单验证以及如何阻止页面默认的提交行为,即阻止页面跳转。下面将详细讲解这两个知识点。 首先,让我们来理解表单验证。在HTML中,表单元素通常用于收集用户输入...

    javascript弹出层表单提交代码

    JavaScript弹出层表单提交是一种常见的用户交互设计,它允许用户在不离开当前页面的情况下填写并提交表单数据。这种技术常用于网站的登录、注册、评论或编辑功能,提供了良好的用户体验,因为用户无需跳转到新页面...

    java页面自动跳转

    ### JSP页面实现自动跳转 在JSP页面中实现自动跳转同样可以采用上述几种方式。以下是一个更完整的示例,展示了如何结合JavaScript和服务器端逻辑实现页面的自动跳转: ```jsp ;url=&lt;%=url%&gt;"&gt; window.moveTo(0...

    js页面跳转代码汇总

    ### JS页面跳转代码汇总及解析 #### 一、通过`window.location.href`进行页面跳转 **示例代码:** ```javascript &lt;script language="javascript" type="text/javascript"&gt; window.location.href = "login.jsp?...

    倒计时跳转页面

    将上述HTML结构、JavaScript逻辑处理与CSS样式结合使用,即可实现一个完整的倒计时跳转页面功能。在实际项目中,还可以根据需求调整倒计时时间、跳转目标URL等参数,以及优化页面的交互体验。 ### 结语 通过以上...

    js跳转问题解决方式

    在JavaScript(JS)中,页面跳转是一种常见的操作,它涉及到网页内容的更新或导航到新的URL。在处理JS跳转问题时,我们通常会遇到几种常见情况,如使用`window.location`对象、`location.href`、`a`标签的`onclick`...

    页面跳转 ,又可以弹出消息框

    这种同时弹出消息框和跳转页面的技术在实际开发中有广泛的应用场景,例如在表单提交后成功处理数据时通知用户,或者在登录失败时给予用户反馈并引导其前往登录页面重新尝试。 然而,在使用时也需要注意以下几点: 1...

    vue 解决form表单提交但不跳转页面的问题

    本文将详细介绍如何在Vue中解决表单提交但不跳转页面的问题。 首先,我们需要理解Vue中事件绑定的概念。Vue提供了`v-on`指令用于监听和处理DOM事件,例如表单的提交事件。`v-on`可以简写为`@`,所以`v-on:submit`...

    js监听鼠标点击和键盘点击事件并自动跳转页面

    总结来说,通过本文,我们可以学习到如何在JavaScript中设置事件监听器,如何处理鼠标的点击事件和键盘的按键事件,以及如何利用这些事件实现页面跳转。此外,我们还了解到了一个实用的在线资源,可以用来查询和学习...

Global site tag (gtag.js) - Google Analytics