父页面获取iframe子页面的信息，url

最新推荐文章于 2024-07-24 15:57:13 发布

@我不是大鹏

最新推荐文章于 2024-07-24 15:57:13 发布

阅读量517

点赞数

分类专栏： h5 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qq_38132995/article/details/126889425

版权

h5 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

这是一个关于JavaScript编程的示例，展示如何通过DOM操作获取IFrame内嵌页面的URL。点击按钮触发getData()函数，该函数通过getElementById获取IFrame元素，并进一步获取其contentWindow.location.href来得到内嵌页面的URL。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<iframe id="ifr" src="index.html"></iframe>
		<button onclick="getData()" type="button">获取数据</button>
		
			
		
	</body>
	<script>
		function getData(){
				//url
				var ifmcontent = document.getElementById('ifr').contentWindow
				var ifm = document.getElementById('ifr').contentWindow.location.href
				console.log(ifm)
			}
	</script>
</html>

关注博主即可阅读全文