Question

我是javascript的新手，我正在特别难以确定如何使用onClick将新网址写入现有函数。

以下是更多信息：

我希望有这样的东西

   <script type="text/javascript">

    function addurl(){
    "server": [
                 {
                    "position": "center",
                    "url": "New_Url"
                 }
              ]
                     }
    </script>

    <div id="urlbutton"></div>
    <input type="button" onclick="????" value="url123">

基本上我想在点击不同的按钮/链接时替换“url”。今天我花了好几个小时试图解决这个问题，现在我基本上都不知道该怎么办。

非常感谢任何类型的帮助！

Answer 1

你的函数的内容应该是一系列的陈述;你的样本更像（几乎）一个对象文字。所以这不会运行。

最初，我会忽略你几乎所有的对象，因为我不明白你要做什么。相反，按钮可以通过两种方式调用函数来设置页面的URL，即，使浏览器从当前页面导航到该URL。首先将URL传递给函数。第二个是将对按钮的引用传递给函数，然后从该引用访问按钮的'value'属性。另外，我已经给出了一种在没有功能的情况下设置URL的方法。

注意：我不确定这些内容在网页上是否合理。如果您要导航到其他网址，请使用<a>标记，以便它适用于没有JavaScript的用户。但无论如何......

function addUrl(newUrl) {
   window.location.href = newUrl;
}
function addUrl2(btn) {
   window.location.href = btn.value;
}

<input type="button" value="My URL" onclick="addUrl('someURL');">
<input type="button" value="www.google.com" onclick="addUrl2(this);">
<input type="button" value="Something" onclick="window.location.href='www.google.com';">

如果您真正想要做的是更新一些数据结构，那么可能更像这样（假设您的数据对象具有“服务器”属性，这是一个url对象数组，就像您似乎试图做的那样在你原来的功能中）：

var myData = {
   "server": [ {"position": "center",
                "url": "New_Url"   } ]
};

function addUrl(newUrl) {
   myData["server"].push{"position":"center",
                         "url" : newUrl});
}
function updateUrl(index,newUrl) {
   myData["server"][index]["url"] = newUrl;
}

Answer 2

自从我使用Javascript以来已经过了一个月，但在这里...... 我找到了一个可以帮助你的网站。它看起来比较旧，但有效。

链接位于：http://www.htmlgoodies.com/tutorials/buttons/article.php/3478871/So-You-Want-A-Link-Button-Huh.htm

这是他的建议：

    <FORM>
    <INPUT TYPE="button" onClick="parent.location='page.html'">
    </FORM>

只需将“page.html”更改为您要点击并转到的网页的网址即可。我不会在这里讨论JavaScript的概念，但是如果你愿意了解更多，请参阅我的JavaScript引物。

希望这有帮助。

Answer 3

试试这个

 <script type="text/javascript">

    function addurl(newUrl){
    "server": [
                 {
                    "position": "center",
                    "url": newUrl
                 }
              ]
                     }
    </script>

 <input type="button" onclick="addUrl();" value="url123">

如何使用onClick在函数中编写或替换url？

3 个答案: