Question

Я создал html и использовал его как источник iframe.

В IFRAME, я добавил ссылки на DIV (см пример кода ниже)

<div onclick="location.href='/cybersecurity/risk-management/index.cfm'; location.href='_parent';" > 
    <b>Sample Text</b><br /> 
    <span> 
     Sample Text 
    </span> 
</div> 

Когда я попытался щелкнуть DIV внутри страницы фрейма. Он создает другое представление страницы внутри iframe. Но для якорей в iframe отлично работает, <a href="linkhere" target="_parent" >This is an anchor!</a>. Как я могу добавить JavaScript на onClick моего div?

Я также пытался использовать <base target="_parent" />, но он не работает.

Answer 1

Вместо того, чтобы устанавливать window.location.href, являющееся текущим окном (iframe), вы хотите установить расположение самого верхнего окна (родителя).

window.top.location.href = 'foobar' 

Вы также можете использовать window.parent, который будет использовать сразу же родительское окно текущего, но в большинстве случаев это безопаснее использовать window.top, так как вы на самом деле хотите, чтобы самый верхний родительское окно.

Answer 2

<div onclick="parent.document.location.href='/cybersecurity/risk-management/index.cfm';" > 
    <b>Sample Text</b><br /> 
    <span> 
     Sample Text 
    </span> 
</div> 

Это приведет к появлению родительского представления URL-адреса изменения.

https://developer.mozilla.org/en-US/docs/Web/API/window.parent