如何使用javascript重定向到id?

如何使用javascript重定向到id?,javascript,Javascript,您可以在页面中某个元素的id之前添加哈希,以重定向到该元素: <a href="#foo"></a> 注意到这可能是重复的其他海报是正确的,但为了使答案更具体,您需要在页面中使用锚定标签 页面内锚定标记的背景阅读: 因此,在您的情况下,您的图像标记将看起来像 <a name="#img-1"></a> <img src="..."/> 根据您的回答,您似乎拥有启动此交互的标签标签,您可以使用onClick处理程序处理此问题: &l


您可以在页面中某个元素的id之前添加哈希,以重定向到该元素:

<a href="#foo"></a>

注意到这可能是重复的其他海报是正确的,但为了使答案更具体,您需要在页面中使用锚定标签

页面内锚定标记的背景阅读:

因此,在您的情况下,您的图像标记将看起来像

<a name="#img-1"></a>
<img src="..."/>
根据您的回答,您似乎拥有启动此交互的标签标签,您可以使用
onClick
处理程序处理此问题:

<label for="img-1" class="prev" onclick="window.location.href='#img-1'"></label>

如果不是标签标签而是您提到的单选按钮导致导航,您需要编写一个稍微复杂一些的函数来计算按钮是否被选中——这里可以找到使用jquery的示例,在您的情况下,您只需将警报调用修改为window.location.href导航:

只需使用location.hash属性来设置URL的锚定部分

让我们假设URL是“www.abc.com”

location.hash = "anId";
。。。将URL设置为“www.abc.com#anId”


如果页面上有一个id“anId”,浏览器将自动跳转到它。

这可能是值得一看的内容,可能是Try using的副本,或者im使用的图像库代码使用标签如下导航:“img-1”设置为幻灯片的id,如下所示:更改URL id不会转到它,你知道如何在这种情况下工作吗?我不知道如何将“label for”代码转换为javascript函数将label标记的for属性设置为输入元素的id只是将标签绑定到输入元素(有关更多信息,请参阅)。如果要跳转到图像,必须将URL的锚定部分设置为图像的实际id(而不是输入)。因此,在JavaScript中,必须在输入元素的(onchange事件)上绑定一个事件处理程序,然后设置URL。如果这对你没有帮助,也许可以将你的HTML添加到问题中,这样我可以更好地看到你想要做什么…我已经添加了HTML代码。我尝试使用的函数是导航中onclick的“SetTimeout(jump,6000)”。其目的是,当用户单击“上一页”或“下一页”时,他们被引导到下一张幻灯片,但6秒钟后,他们被发送到另一张幻灯片。im使用的图像库代码使用标签导航如下:“img-1”被设置为幻灯片的id,如下所示:更改URL id不会转到它,你知道如何在这种情况下工作吗?我不知道如何将“label for”代码转换为javascript函数im使用的图像库代码使用标签导航如下:“img-1”被设置为幻灯片的id,如下所示:更改URL id不会指向它,知道如何在这种情况下使其工作吗?我不知道如何将“label for”代码转换为javascript函数
<label for="img-1" class="prev" onclick="window.location.href='#img-1'"></label>
location.hash = "anId";