iframe中页面转跳的问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe中页面转跳的问题相关的知识,希望对你有一定的参考价值。

我在设置一个iframe中的A.html中设置了一个按钮的超链接,需要转到B.html上:
<button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='B.html'; return false;">下一页</button>
当转到B.html后,发现该页面上的字体和css样式就全部乱了,字号好像放大加粗了,变得很难看。而且从这开始的在iframe里面的链接都变成这样,每一次转跳都导致字体和css样式乱套。

但如果是使用<a href="B.html" target="_self">下一页</a>的话就不会出现这种情况。经过反复尝试,总结出在iframe里面只要使用onclick=""进行转跳的话就会导致上述的情况。请问有什么办法可以解决这个问题?

参考技术A 都用绝对路径导入css

以上是关于iframe中页面转跳的问题的主要内容,如果未能解决你的问题,请参考以下文章

swift学习笔记页面转跳的条件判断和传值

学习MVC框架,处理分页和删除分页转跳的问题

用a标签实现域名转跳的网页代码

iframe窗口跳转的问题

iframe框架如何跳转页面

iframe链接跳转问题