Question

我正在尝试使用不同的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，请随意包含它！

Answer 1

在函数的形式参数中定义变量时，必须省略var。另外，要声明变量，您应该不使用document.write(variablevalue)。可以通过为location.href属性设置新值来更改当前位置。

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

我建议您查看 MDN: JavaScript guide 。

使用JS通过html按钮更改URL

1 个答案: