在前端開發中,使用iframe可以將一個頁面嵌套在另一個頁面中。這個功能在很多場景下都非常有用,比如說在頁面A中嵌套一個廣告頁面B。
然而,當我們在iframe中進行操作時,比如提交表單之后,發現父頁面并沒有刷新。這是因為iframe是一個獨立的窗口,提交表單后會刷新iframe本身,而不會刷新父頁面。
<form action="somepage.html" target="myiframe"> ... </form> <iframe name="myiframe" src="about:blank"></iframe>
為了解決這個問題,我們可以利用jQuery中的一個插件來實現。該插件名為jQuery iframe auto height插件,它能夠監控iframe高度的變化,并將這個變化通知給父頁面。
<script src="jquery.js"></script> <script src="jquery.iframe-auto-height.plugin.js"></script> <script> $('iframe').iFrameResize(); </script>
使用這個插件非常簡單,只需要將這段代碼加入到父頁面即可。當iframe中發生變化的時候,父頁面就會隨之改變。
總之,jQuery iframe auto height插件是解決iframe不刷新的問題的好辦法。它簡單易用,幾乎不需要做任何配置,同時也不會影響到代碼的性能。
上一篇mysql在服務器上慢
下一篇MySQL中返回值帶編號