Как вы пишете или заменяете URL в функции с помощью onClick?

Question

Я новичок в javascript, и мне особенно трудно понять, как записывать новые URL-адреса в существующую функцию с помощью 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 функции. Когда вы передаете ссылку на кнопку в функцию, а затем из этой ссылки получаете доступ к атрибуту кнопки «значение». Плюс я дал способ установить URL без функции.

Примечание: я не уверен, что что-то из этого обязательно стоит сделать на веб-странице. Если вы хотите перейти к другому 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';">

Если то, что вы действительно пытаетесь сделать, это обновить некоторую структуру данных, то, возможно, нечто более похожее на это (предполагается, что у вашего объекта данных есть свойство "server", которое представляет собой массив объектов 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

Попробуйте это

 <script type="text/javascript">

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

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

Answer 3

Прошло уже месяц с тех пор, как я использовал 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 "с URL-адресом страницы, на которую вы хотите перейти и перейти.Я не буду вдаваться в концепцию JavaScript здесь, но если вы хотите узнать больше, посмотрите мои учебники по JavaScript.

Надеюсь, это поможет.