Question

我是JavaScript和html的新手。我正在尝试使用两个输入框创建一个链接并创建一个链接，以便我可以进一步从其API中获取数据。我尝试了每种方法，但都没有发生。我正在使用此代码。

function openlink() {
  var a = document.getElementById("p1").value;
  var b = document.getElementById("p2").value;

  location.href = "http://" + a + b + "/webhdfs/v1/?user.name=hduser1&op=LISTSTATUS";
}

p1: <input type="text" id="p1" value="fvalue"> P2: <input type="text" id="p2" value="svalue">

<p>Click On button.</p>

p3: <input type="button" id="p3" onclick="function openlink()">

此外，我面临

的错误

P3行末的“输入意外结束”

任何人都可以帮忙吗？

Answer 1

在onclick中调用该函数而没有关键字function

function openlink () {
     var a = document.getElementById("p1").value ;
     var b = document.getElementById("p2").value ;

     location.href = "http://" + a + b + "/webhdfs/v1/?user.name=hduser1&op=LISTSTATUS" ;
    }

<html>
<body> 
   p1: <input type="text" id="p1" value="fvalue" >
   P2: <input type="text" id="p2" value="svalue">

   <p>Click On button.</p>

   p3: <input type="button" id="p3" onclick= "openlink()" value="Click Me">

Answer 2

您在onclick内提到了导致错误的函数。

p3: <input type="button" id="p3" onclick= "openlink()"> 试试这个

<html>
<body> 
   p1: <input type="text" id="p1" value="fvalue" >
   P2: <input type="text" id="p2" value="svalue">

   <p>Click On button.</p>

   p3: <input type="button" id="p3" onclick= "openlink()">

<script>
     function openlink () {
     var a = document.getElementById("p1").value ;
     var b = document.getElementById("p2").value ;

     location.href = "http://" + a + b + "/webhdfs/v1/?user.name=hduser1&op=LISTSTATUS" ;
    }
  </script>

Answer 3

当您要调用已声明的函数时，无需使用function关键字。只需编写onclick =“ openlink（）”。仅在要执行内联JavaScript的情况下，才可以直接编写JS代码而不是编写函数。例如onclick =“ location.href ='http://someURL?user.name=a&op=b'”。希望这会有所帮助。

Answer 4

从onclick=""删除关键字功能

使用onclick="openlink()"代替onclick="function openlink()"

Onclick应该创建链接并也将其打开

4 个答案: