js 动态修改iframe的src
生活随笔
收集整理的這篇文章主要介紹了
js 动态修改iframe的src
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
項目組里有功能需要，當前頁面獲取url傳遞過來的參數值，動態賦值給iframe的src，從而實現動態加載iframe的需求，代碼如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html><head><title>打印</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><script>function parseQueryString (url) {var result = {};var str = url.split("?")[1];if (str == undefined)return result;var items = str.split("&")var arr;for (var i = 0; i < items.length; i++) {arr = items[i].split("=");result[arr[0]] = arr[1];}return result;};function cc(){var params = parseQueryString(window.location.href);var orderId = params.orderId;document.getElementById("reportFrame").src = "http://172.21.24.111/webroot/decision/view/report?viewlet=AM-Dept%252Fqitafangshiqude.cpt&orderId="+orderId;}</script></head><body onload="cc();"><iframe id="reportFrame" width="100%" height="100%" src=""></iframe></body> </html>備注：頁面獲取url傳遞過來的url，頁面加載完成后，控制iframe的src，從而實現功能需求！
總結
以上是生活随笔為你收集整理的js 动态修改iframe的src的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 个税起征点升高----节省了多少？
- 下一篇： 北航 计算机学院 加试两门,北航强军计划