parent.location在Firefox和Chrome中不起作用,但在IE6中工作

时间:2014-01-07 16:27:07

标签: javascript jsp

JSP问题:

<A NAME="CustomerInformation"></A>
<table class="SectionHeader1">
    <TBODY>enter code here
        <tr>
            <td>Customer Information</td>
        </tr>
    </TBODY>
</table>
<INPUT type="button" value="Customer Details" class="buttonSuper" 
       onmouseover="onMouseOverButton(this)" onmouseout="onMouseOutButton(this)" 
       name="customerDetails" style="" 
       onclick="parent.location='#CustomerInformation'">

此代码适用于IE6,但无法在Chrome或Firefox中使用。 Onclick我正试着去同一个窗口。你能告诉我什么是问题吗?

2 个答案:

答案 0 :(得分:0)

如果这是一个弹出窗口,请opener.location而不是parent.location。如果这是来自Iframe且父级位于不同的域上,则由于同源策略而无法工作。

你的问题不清楚。

答案 1 :(得分:0)

您的问题有点不清楚,您的代码也是如此。我的解释是,您需要一个按钮,当单击该按钮时,会跳转到位于同一父页面上的“客户详细信息”。如果是这种情况,您可以简化代码。我写了一个包含按钮元素的示例,然后跳转到Customer Information表。有些事情需要注意:

  1. 你不需要输入=“按钮”,只是工作正常 - 但这段代码也适用。

  2. 如果您希望当前窗口更改其位置,可以使用javascript:window.location = {link here};但是,在这种情况下,您只需在按钮元素周围添加链接标记即可。

  3. 我在桌子周围添加了一个标签,只是为了在按钮和桌子之间增加空间;这样,当单击按钮时,您可以看到页面中的跳转。

  4. 代码:

    <!DOCTYPE html><html>
    <head></head>
    <body>
        <a href="#CustomerInformation"><button>Customer Details</button></a>
    
        <div style="padding-top:2500px;">
            <A NAME="CustomerInformation"></A>
            <table class="SectionHeader1">
            <TBODY>enter code here
            <tr>
                <td>Customer Information</td>
            </tr>
            </TBODY>
            </table>
        </div>
    </body>
    </html>