Изменение URL через кнопку HTML с JS - PullRequest
1 голос
/ 20 октября 2011

Я пытаюсь использовать разные html-кнопки, которые отправляют пользователя в разные разделы его профиля (социальные сети, новости, электронная почта и т. Д.). Поэтому я создал простую функцию JS, которую я связал с html.В основном, когда пользователь нажимает кнопку, он должен добавить текущий URL со строкой и затем посетить этот URL.Однако при нажатии ничего не происходит:

profile.html

<head>
  <title>Profile</title>
</head>
<script type="text/javascript" src="profile.js"></script>
<body>
  <h1 align=center>Welcome to your OmniCloud Profile</h1>
  <h2 align=center>Access your content below</h2>
  <button name='email' onclick='gotoPage("email")'>Email</button> <br/>
  <button name='social' onclick='gotoPage("social")'>Social</button> <br/>
  <button name='news' onclick='gotoPage("news")'>News Feeds</button> <br/>
  <button name='media' onclick='gotoPage("media")'>Media</button> <br/>
</body>

А вот сценарий JS

function gotoPage(var url) {
  var newurl = document.write(location.href)
  newurl += url
  window.location.assign(newurl)
}

Я использую Django, поэтому еслиэто лучший способ справиться с этим (возможно, с помощью urls.py, не стесняйтесь включать это!

1 Ответ

3 голосов
/ 20 октября 2011

При определении переменной в формальных параметрах функции, var должен быть опущен. Кроме того, чтобы объявить переменную, вы должны не использовать document.write(variablevalue). Изменить текущее местоположение можно, установив новое значение для свойства location.href.

function gotoPage(url) {
  var newurl = location.href;
  newurl += url;
  window.location.href = newurl;
}

Я рекомендую взглянуть на MDN: руководство по JavaScript .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...