Iframe跨域获取父页面URL参数

最新推荐文章于 2024-11-21 11:50:09 发布

转载最新推荐文章于 2024-11-21 11:50:09 发布 · 8.3k 阅读

文章标签：

#html #Iframe

本文通过一个简单的HTML页面加载另一个HTML页面，并利用iframe展示。通过JavaScript获取URL参数，实现了页面之间的参数传递。该示例展示了如何使用HTML与JavaScript进行基本的网页交互。

a.html?name="abc"

<html>
　<body >
    <center>
　　<Iframe name="tt" src="http://192.168.1.131:8082/b.html" 
width="760" height="760" scrolling="no" frameborder="0"></iframe></center>
　</body>
</html>

b.html

<html>
<body scroll="no">
</body>
<script>
        function getJsUrl(){
	   var pos,str,para,parastr; 
	   var array =[]
	   str = document.referrer; 
	   parastr = str.split("?")[1]; 
	   var arr = parastr.split("&");
	   for (var i=0;i<arr.length;i++){
		array[arr[i].split("=")[0]]=arr[i].split("=")[1];
           }
	   return array;
        }
 	var req = getJsUrl();
        alert(req["name"]); //显示abc           
</script>   
</html>