在網頁開發中,經常會出現iframe嵌套的情況。但有時候會遇到“被拒絕的嵌套”錯誤,導致iframe無法正常顯示。這種情況下,我們可以使用jQuery來解決這個問題。
首先,在iframe的父頁面中引入jQuery庫:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
然后,在父頁面的javascript代碼中使用下面的代碼:
$("iframe").each(function() { var ifr = $(this); ifr.load(function() { var ifrDoc = ifr.contents(); if (ifrDoc.find('head').length === 0) { ifrDoc.prepend('<head></head>'); } ifrDoc.find('head').append('<style type="text/css"> body { margin: 0; } </style>'); }); });
上述代碼會遍歷每個iframe,設置它們的css邊距為0。
此外,如果在嵌入的iframe中沒有head標簽,則會添加一個空的head標簽,并在其中添加樣式。
通過以上代碼,我們可以解決iframe嵌套被拒的問題。
下一篇div id=使用