iframe 中获取 location.href 为什么不是 iframe 的 src

获取 `location.href` 属性时，它返回的是当前页面的完整 URL 地址。如果在 iframe 中使用 `location.href` 属性，则返回的是包含 iframe 的页面的 URL 地址，而不是 iframe 的 `src` 属性的值。

如果要获取 iframe 的 `src` 属性的值，可以使用 `iframe.src` 属性来获取。例如：

<iframe id="myIframe" src="http://www.example.com"></iframe>

var iframe = document.getElementById('myIframe');
var iframeSrc = iframe.src;
console.log(iframeSrc); // 输出：http://www.example.com

注意，在某些情况下，可能会出现跨域问题，导致无法获取 iframe 的 `src` 属性的值。这通常是因为 iframe 所在的页面和包含 iframe 的页面不在同一个域名下。此时，需要使用其他方式来实现数据传递。

相关问题

window.location.href获取iframe的src

window.location.href获取的是当前窗口的URL地址，而不是获取iframe的src。要获取iframe的src，可以使用下面的方法：
var iframe = document.getElementById('yourIframeId'); // 根据iframe的id获取iframe元素
var iframeSrc = iframe.src; // 获取iframe的src

window.location.href、iframe区别

window.location.href和iframe的区别在于它们的作用和用途不同。

window.location.href是指当前窗口或标签页的URL地址。它可以用来获取或设置当前窗口的URL。通过设置window.location.href可以跳转到新的URL地址。例如，当用户点击一个链接或提交一个表单时，可以通过设置window.location.href来导航到新的页面。

而iframe是一种HTML元素，可以在一个页面中嵌入另一个页面。通过使用iframe，可以在一个页面中显示另一个页面的内容。使用iframe可以实现页面内的嵌套和加载外部页面等功能。当页面中存在iframe时，可以通过修改iframe的src属性来加载不同的页面内容。

总结来说，window.location.href用于管理当前窗口的URL地址，而iframe用于在页面中嵌入另一个页面的内容。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [关于js中window.location.href,location.href,parent.location.href,top.location.href的用法](https://blog.csdn.net/s13596191285/article/details/128459046)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [关于js中[removed].href,location.href,parent.location.href,top.location.href的用法与区别](https://download.csdn.net/download/weixin_38640984/13589277)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [详解js location.href和window.open的几种用法和区别](https://download.csdn.net/download/weixin_38683895/13681348)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]