一个页面嵌套了一个iframe标签，通过src属性传递了一个id值，被嵌套的iframe页面如何拿到这个id值

被嵌套的iframe页面可以通过以下步骤拿到传递的id值：

1. 在iframe页面内部，可以通过`window.location.href`获取当前URL地址，包含传递过来的id值。

2. 在iframe页面内部，可以通过`window.parent.document`获取父页面的文档对象，从而获取父页面传递过来的id值。

比如，假设父页面传递的id值为"12345"，那么可以在iframe页面内部使用以下代码获取到这个id值：

var id = window.location.href.split("=")[1]; // 获取当前URL中的参数值
var parentId = window.parent.document.getElementById("iframe").getAttribute("src").split("=")[1]; // 获取父页面传递过来的id值
console.log(id); // 输出"12345"
console.log(parentId); // 输出"12345"

其中，"iframe"是父页面中嵌套iframe标签的id属性值。

相关问题

被嵌套的iframe页面中如何获取上一层页面在iframe标签中的src属性

可以使用JavaScript中的`parent`对象来获取嵌套页面的父级页面，然后再使用`parent.document`来获取父级页面的文档对象，最后通过`parent.document.getElementById('iframe-id').getAttribute('src')`来获取上一层页面在iframe标签中的src属性，其中'iframe-id'为iframe标签的id属性值。以下是示例代码：

var src = parent.document.getElementById('iframe-id').getAttribute('src');
console.log(src);

需要注意的是，如果父级页面与嵌套页面不在同一个域名下，浏览器会因为安全原因阻止跨域访问，所以这种方法只适用于同域名下的页面。

iframe标签的src属性

iframe标签的src属性指定了要嵌入的外部文档的URL地址。使用iframe标签可以将其他网页嵌入到当前网页中，以实现页面嵌套和交互效果。示例代码如下：

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

在上面的代码中，iframe标签的src属性指定了要嵌入的外部文档的URL地址为http://www.example.com。这将在当前页面中嵌入一个包含http://www.example.com内容的iframe框架。需要注意的是，由于跨域安全策略的限制，如果iframe嵌入的外部文档与当前页面不在同一个域名下，可能会受到浏览器的限制。