onclick=“location.href=”link.html“”无法在 Safari 中加载页面

发布于 2024-11-16 11:55:05 字数 762 浏览 0 评论 0原文

我无法使用 onclick="location.href='link.html'" 在 Safari (5.0.4) 中加载新页面。

我正在使用

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

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

并且

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

我没有（也不愿意）在 HTML 的 head 部分嵌入任何 javascript。我正在为不知道如何使用 javascript 的人开发页面 - 所以代码越简单越好。）

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

原文

I cannot get onclick="location.href='link.html'" to load a new page in Safari (5.0.4).

I am building a drop-down navigation menu using the <select> and <option> HTML tags. I am using the onclick handler to load a new page after a menu-item is clicked, but nothing happens in Safari. (I have successfully tested in FF & Opera.) I know that there are many onclick bugs in Safari, but I haven't found any solutions that address this specific issue.

You can see a sample of my code below:

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

and

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

I do not (and prefer not) to have any javascript embedded in the head section of my HTML. I am developing the page for someone who does not know how to use javascript--so the simpler the code, the better.)

What JavaScript code would make the menu-item clickable in all-browsers? (Please verify compatibility with IE.)

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

或十年 2024-11-23 11:55:05

试试这个：

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

在 Firefox、Chrome 和 IE 中运行良好（哇！！）

Try this:

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

Worked fine for me in Firefox, Chrome and IE (wow!!)

回复收藏 0 原文

﹏半生如梦愿梦如真 2024-11-23 11:55:05

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

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

使用一点 jQuery，你可以做到：

$("#navigation").change(function()
{
    document.location.href = $(this).val();
});

不引人注目，并且干净分离逻辑和UI。

Use jQuery....I know you say you're trying to teach someone javascript, but teach him a cleaner technique... for instance, I could:

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

And with a little jQuery, you could do:

$("#navigation").change(function()
{
    document.location.href = $(this).val();
});

Unobtrusive, and with clean separation of logic and UI.

回复收藏 0 原文

淡淡绿茶香 2024-11-23 11:55:05

试一试：

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

Give this a go:

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

回复收藏 0 原文

凝望流年 2024-11-23 11:55:05

您可以尝试以下操作：

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

这将在链接内创建按钮，并且适用于任何浏览器

You can try this:

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

This will create button inside a link and it works on any browser

回复收藏 0 原文

神妖 2024-11-23 11:55:05

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

回复收藏 0 原文

情独悲 2024-11-23 11:55:05

尝试

<select onchange="location=this.value">
    <option value="unit_01.htm">Unit 1</option>
    <option value="#5.2" selected >Bookmark 2</option>
</select>

try

<select onchange="location=this.value">
    <option value="unit_01.htm">Unit 1</option>
    <option value="#5.2" selected >Bookmark 2</option>
</select>

回复收藏 0 原文

~没有更多了~