HTML制作一个输入对象,onClick="" ”事件,转到当前网站的主机名(转到域的根)
我正在尝试编写下面的代码以将当前窗口带到域的根目录。
假设您在 http://www.example.com/myprofile/status/...
如果您单击代码中的图像,它将带您到根目录或主机名,即 <代码>http://www.example.com。
我尝试了很多方法来实现这项工作,方法太多,无法全部列出。它必须以某种方式成为可能。请帮帮我。
<input onmouseover='this.src="board-button_acti…
onmouseout='this.src="board-button.png"'
name="submit"
border="0"
type="image" src="board-button.png" alt="Board Index" value="Board Index" onclick="window.location.hostname">
您要在这段代码中查看的是最后一部分,标题为 onclick="window.location.hostname"
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
(返回
false
以停止提交表单,这可能会导致导航成功时出现不一致的结果。)您还可以写入location.pathname
来更改路径,而无需更改主机,但导航到相对 URL 也同样有效。但是,我建议如果您有一个按钮可以将您带到不同的页面,那么您实际上在这里拥有的是一个链接。将其标记为简单的
会更合适、表现更好。如果您愿意,可以使用 CSS 对其进行样式设置,使其看起来像一个按钮。
input type="submit"
没有src
所以这不会做任何事情。使用 CSS:hover
样式来获得鼠标悬停效果。(Returning
false
to stop the form from being submitted, which could lead to inconsistent results on which navigation succeeds.) You can also write tolocation.pathname
to change the path without changing host, though navigating to a relative URL is just as effective.However, I'd suggest that if you have a button that takes you to a different page, what you actually have here is a link. It would be much more appropriate, and better-behaving, to mark it up as a simple
<a href="/">
. You can use CSS to style it so it looks like a button if you prefer.input type="submit"
has nosrc
so this won't do anything. Use CSS:hover
styling to get mouse-over effects.在你的帮助下我回答了这个问题。
我在输入周围添加了一个 href,并且刚刚摆脱了 onclick
这里是输出,并且它有效!
with your guy's help i answered the issue.
i added a href around the input, and just got rid of the onclick
here is the output, and it works!