在JavaScript中，可以使用 window.frames 来访问当前页面中的所有框架（包括<iframe>和<frame>元素）。window.frames 返回的是一个类数组对象，其中包含了当前页面中所有框架的窗口对象（window对象）。
要获取页面中框架的数量，可以使用 window.frames.length。
下面是一个如何使用JavaScript读取HTML中所有框架及其数量的例子：
- 假设我们有一个HTML页面，里面包含了几个<iframe>元素：
<html>
<head>
<title>Frame Example</title>
</head>
<body>
<iframe src="frame1.html" name="frame1"></iframe>
<iframe src="frame2.html" name="frame2"></iframe>
<iframe src="frame3.html" name="frame3"></iframe>
<script>
// 我们将在这里编写JavaScript代码
</script>
</body>
</html>
- 在 <script> 标签内，我们可以添加以下JavaScript代码来读取框架：
// 获取所有框架的数量
var framesCount = window.frames.length;
console.log('There are ' + framesCount + ' frames in this page.');
// 遍历所有框架并打印出它们的名称
for (var i = 0; i < framesCount; i++) {
// 获取每个框架的window对象
var frameWindow = window.frames[i];
// 尝试获取框架的名称，有些情况下可能因为同源策略而无法访问
try {
var frameName = frameWindow.name;
console.log('Frame ' + (i + 1) + ' name: ' + frameName);
} catch (e) {
console.log('Frame ' + (i + 1) + ': Access Denied');
}
}
这段代码首先统计页面中的框架数量，然后遍历每个框架，尝试打印出每个框架的名称。如果框架内容与包含它的页面不是同一个源（域名、协议、端口），那么出于安全考虑，浏览器的同源策略会阻止访问框架的内容，这时会捕获到异常，并打印出"Access Denied"。
如果你要在实际的页面中测试这段代码，请确保框架的内容是可以访问的，即框架的源应该与包含它的页面相同，或者框架的内容应该设置了适当的CORS策略允许跨源访问。
作者：http://xkrj5.com 纯原创首发，转载保留版权！