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を制御します。

おすすめ

転載: blog.csdn.net/wujian_csdn_csdn/article/details/108094668