如何使用 javascript 函数返回 url 以形成操作答案

【问题标题】：How to return a url to form action using a javascript function如何使用 javascript 函数返回 url 以形成操作
【发布时间】：2017-02-08 09:04:26
【问题描述】：

我想返回一个 URL 以使用 javascript function. 形成操作

我这样调用函数：

<form action="javascript:getUrl()">

我的函数正在返回这样的 url 字符串：

function getUrl(){
    if(condition)
        return "this string url";
    else
        return "this string url";
}

当我这样做时，结果页面只是在浏览器上以文本格式显示 url，而不是加载它们。

我对这些脚本和网页设计的东西很陌生。

【问题讨论】：

How to set form action through JavaScript?的可能重复

标签： javascript jquery html jsp

【解决方案1】：

javascript:getUrl() 不会被解释为 JS 代码，它只是一个字面上的字符串。

改为选择表单元素并设置其动作属性：

function getUrl() {
  // ...
}

document.querySelector('form').action = getUrl()

当然，为您的表单、id 或类使用更具体的选择器。

【讨论】：

【解决方案2】：

您可以使用表单的 id 来了解操作 url。

Javascript：

<script type="text/javascript">
function form_action() { 
  if (document.getElementById("myFormId").action == "url1.html"){
     // do something
  }
  if (document.getElementById("myFormId").action == "url1.html"){
     // do something else 
  }

  // ...
}
</script>

html 表单：

<form action="yourUrl" onsubmit="this.action=form_action();" id="myFormId">
...
</form>

【讨论】：