刷新iframe而不重定向父页面
Refresh iframe without redirecting parent page
我有网站 A,我将其嵌入网站 B 的 iframe 中。网站 A 有一个下拉菜单,可以从中更改网站的语言。
问题:当我从 iframe 中的下拉菜单更改语言时,整个父 window 重定向到网站 A。我希望刷新 iframe 并更改语言,但是没有父 window 重定向。以下是 html iframe 当前的嵌入方式:
<iframe src="xxx" scrolling="no" frameborder="no" align="center" height = "600" width = "940">
</iframe>
我尝试使用 iframe 沙盒属性,结果如下:
sandbox="allow-forms allow-scripts" - 父页面不重定向,iframe 在点击下拉菜单后显示空白页面
sandbox="allow-forms allow-scripts allow-same-origin" - 同上
sandbox="allow-forms allow-scripts allow-same-origin allow-top-navigation" - 页面重定向为没有沙盒属性
对于前两个,我还从控制台注意到我收到了这条消息:
不安全 JavaScript 尝试从 URL 'yyy' 的 URL 'xxx' 的框架启动导航。尝试导航顶级 window 的框架已被沙盒化,但未设置 'allow-top-navigation' 标志。
这是否表明要解决此问题,我必须更改 iframe 内的页面上的某些内容,而不是父页面?有什么想法吗?
您是否尝试过在更改 select 值时将 target
属性设置为 _self
?
即...
页面 A:
VARS: <script>document.write(document.location.search)</script><br>
<br>
<form name="f" target="_self">
<select id="langSelect" name="langSelect" onChange="document.f.submit()">
<option value="">...please select...</option>
<option value="en">English</option>
<option value="es">Spanish</option>
</select>
</form>
页面 B:
This if page B...<br>
<br>
This is iframe A:<br>
<iframe src="A.html"></iframe>
我有网站 A,我将其嵌入网站 B 的 iframe 中。网站 A 有一个下拉菜单,可以从中更改网站的语言。
问题:当我从 iframe 中的下拉菜单更改语言时,整个父 window 重定向到网站 A。我希望刷新 iframe 并更改语言,但是没有父 window 重定向。以下是 html iframe 当前的嵌入方式:
<iframe src="xxx" scrolling="no" frameborder="no" align="center" height = "600" width = "940">
</iframe>
我尝试使用 iframe 沙盒属性,结果如下:
sandbox="allow-forms allow-scripts" - 父页面不重定向,iframe 在点击下拉菜单后显示空白页面
sandbox="allow-forms allow-scripts allow-same-origin" - 同上
sandbox="allow-forms allow-scripts allow-same-origin allow-top-navigation" - 页面重定向为没有沙盒属性
对于前两个,我还从控制台注意到我收到了这条消息:
不安全 JavaScript 尝试从 URL 'yyy' 的 URL 'xxx' 的框架启动导航。尝试导航顶级 window 的框架已被沙盒化,但未设置 'allow-top-navigation' 标志。
这是否表明要解决此问题,我必须更改 iframe 内的页面上的某些内容,而不是父页面?有什么想法吗?
您是否尝试过在更改 select 值时将 target
属性设置为 _self
?
即... 页面 A:
VARS: <script>document.write(document.location.search)</script><br>
<br>
<form name="f" target="_self">
<select id="langSelect" name="langSelect" onChange="document.f.submit()">
<option value="">...please select...</option>
<option value="en">English</option>
<option value="es">Spanish</option>
</select>
</form>
页面 B:
This if page B...<br>
<br>
This is iframe A:<br>
<iframe src="A.html"></iframe>