HTML | DOM 窗口 frameElement 属性(1)

📌 相关文章

📜 HTML | DOM 窗口 frameElement 属性(1)

📅 最后修改于: 2023-12-03 15:15:37.008000 🧑 作者: Mango

HTML | DOM 窗口 frameElement 属性

frameElement 是 HTML DOM 中窗口对象的一个只读属性，用于返回当前窗口所在的 <iframe> 或 <object> 元素。

语法

var currentFrame = window.frameElement;

返回值

如果当前窗口是一个普通的窗口，则 frameElement 返回 null。
如果当前窗口是嵌入在一个 <iframe> 或 <object> 元素中的窗口，则返回对应的元素。

示例代码

<!DOCTYPE html>
<html>
<head>
	<title>frameElement 属性示例</title>
</head>
<body>
	<p>当前窗口所在的 iframe 元素是：</p>
	<p id="demo"></p>

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

	<script>
		var currentFrame = window.frameElement;
		if (currentFrame === null) {
			document.getElementById("demo").innerHTML = "当前窗口不在 iframe 中。";
		} else {
			document.getElementById("demo").innerHTML ='&lt;' + currentFrame.tagName + '&gt;';
		}
	</script>
</body>
</html>

这段示例代码输出当前窗口所在的 <iframe> 元素的标签名。如果当前窗口不在 <iframe> 中，则输出一个提示信息。

注意事项

frameElement 是一个只读属性，不能通过赋值改变它的值。
只有在同源的情况下，父窗口才能够使用 contentWindow.frameElement 属性来访问子窗口的 frameElement 属性。
frameElement 是一个 DOM 元素，可以使用 DOM 属性和方法来操作它的属性和内容。例如，frameElement.src 可以用来获取当前 <iframe> 元素的 src 属性值。