Javascript onclick="；location.href='；link.html'&引用；不在Safari中加载页面

我无法使用

onclick=“location.href='link.html'

在Safari（5.0.4）中加载新页面

我正在使用

和

HTML标记构建一个下拉导航菜单。我正在使用

onclick

处理程序在单击菜单项后加载一个新页面，但Safari中没有任何操作。（我已经在FF&Opera中成功地进行了测试。）我知道Safari中有许多

onclick

错误，但我还没有找到任何解决这个特定问题的解决方案

您可以在下面看到我的代码示例：

<select>
    <option onclick="location.href='unit_01.htm'">Unit 1</option>
</select>

第一单元

及

书签2

我不（也不喜欢）在HTML的头部分嵌入任何javascript。我正在为不知道如何使用javascript的人开发页面——因此代码越简单越好。）


什么JavaScript代码可以使菜单项在所有浏览器中都可单击？（请验证与IE的兼容性。）

试一试：

<option onclick="parent.location='#5.2'">Bookmark 2</option>

书签2

使用jQuery……我知道你说你想教某人javascript，但教他一种更干净的技术。。。例如，我可以：

<select id="navigation">
    <option value="unit_01.htm">Unit 1</option>
    <option value="#5.2">Bookmark 2</option>
</select>

---

不引人注目，逻辑和用户界面完全分离。

我也有同样的错误。确保您没有任何

，

等。请尝试以下操作：

onclick="javascript:location.href='http://www.uol.com.br/'"

在Firefox、Chrome和IE（哇！！）中对我来说效果很好。

你可以试试这个：

 <a href="link.html">
       <input type="button" value="Visit Page" />
    </a>

这将在链接中创建一个按钮，它可以在任何浏览器上运行

第一单元
书签2

如果您是为不懂JavaScript的人开发页面，当然最好不要让它妨碍HTML—例如：在一个单独的

.js

文件中？我不回答这个问题，因为我不同意这个前提。从语义上讲，导航菜单是一个链接列表，而不是正在选择的选项，我实现了下拉式多级菜单，如

等。我看到的大多数导航教程也使用这种策略。我的也可以在纯CSS中工作，甚至不需要JavaScript，尽管我用JS进一步增强了它们。@Stephen P：不同意也可以，但是为什么不发布代码作为解决问题的替代方法？@Town-因为我因为“没有回答被问到的问题”被责骂和否决了太多次。然而，指出2003年那篇使用了
和纯CSS的经典文章并没有什么坏处。@Town:我同意，而且（带着些许恐惧）今天做了一些，结果很好，所以我悄悄地回来了。我的3级
Menubar/Menus/Items+（Submenus/Items）
代码有很多CSS要发布，我觉得已经有足够的文章了。谢谢你的鼓励。对不起，这是一个远大的目标。我认为唯一的方法是jQuery，就像下面的人说的那样。这很有效。对于所有的JS新手，您需要用
$（document.ready（function（）{}）包装上面的JS
如果要将其插入html的头部，请查看更多详细信息。@Matthew：：您的最后一个标记应该像这样关闭：
而不是
我讨厌看到这样的建议。即使它很旧，使用jQuery做任何事情都是浪费。不！这种方法中缺少jQuery违背了现代webdevel的道德选择，除非你想被人取笑，否则不要使用这种基本的JavaScript！使用jQuery是被取笑的原因。如果你不能完成自己的工作，你就不能真正称自己为程序员？Rafael的解决方案是正确的，而且比使用jQuery完成如此简单的任务更合适。[主题外]@RonB.我相信KittenCodings是在讽刺，而这个代码片段可能会解决这个问题，真的有助于提高你文章的质量。请记住，你是在将来为读者回答这个问题，而那些人可能不知道你的代码建议的原因。也请尽量不要在你的代码中塞满解释性的c注意，这降低了代码和解释的可读性！OP要求提供javascript解决方案，而您提供了HTML解决方案。但我给您点简单性。如果您可以使用纯HTML，则无需使用JS。
onclick="javascript:location.href='http://www.uol.com.br/'"

 <a href="link.html">
       <input type="button" value="Visit Page" />
    </a>