Javascript 如何在单个viewsource中设置多个html框架的视图源_Javascript_Html_Frame_View Source

Javascript 如何在单个viewsource中设置多个html框架的视图源

javascript html

Javascript 如何在单个viewsource中设置多个html框架的视图源,javascript,html,frame,view-source,Javascript,Html,Frame,View Source,在单个框架集html页面中有三个框架。当我看到页面的视图源代码如下所示 <HTML> <HEAD> <TITLE>A simple frameset document</TITLE> </HEAD> <FRAMESET cols="20%, 80%"> <FRAMESET rows="100, 200"> <FRAME src="contents_of_frame1.html"> <

在单个框架集html页面中有三个框架。当我看到页面的视图源代码如下所示

<HTML>
<HEAD>
 <TITLE>A simple frameset document</TITLE>
 </HEAD>
<FRAMESET cols="20%, 80%">
<FRAMESET rows="100, 200">
  <FRAME src="contents_of_frame1.html">
   <FRAME src="contents_of_frame2.html">
</FRAMESET>
<FRAME src="contents_of_frame3.html">

  </FRAMESET>
</HTML>


一个简单的框架集文档

但我的期望是，我希望使用javascript在单个页面中显示整个框架源代码。谢谢你喜欢这个书签吗

注:

我使用XMP，它已被弃用，但应该适用于大多数浏览器

它将尝试打开一个新窗口，以便允许

它假定框架内容具有

标记

将脚本粘贴到书签URL中，并在页面上执行书签

在Windows上用Chrome进行测试

javascript:（函数（）{
var htmlContent=[]；
对于（var i=0；iWhoa，对不起，我不得不说。90年代打电话来，他们想要回他们的帧。：）@Valamas因为我知道，但是，我们需要我不理解你的问题…你想将你的框架集转换为一个页面，并用javascript动态加载/重新加载内容部分吗？@Akaryatrh我在index.html页面中有一组框架，而查看源页面我得到的结果与上面的代码类似，但我需要查看源代码，内容为\u frame1.html，con我们已经在我的索引页面中插入了javascript并进行了测试，但它的显示方式如下：输出->第0帧：第1帧：第2帧：但未捕获元素。按照我编写的方式，它是一个bookmarklet。它不是在页面中运行，而是在书签栏中运行
javascript:(function() { 
  var htmlContent=[]; 
  for (var i=0;i<window.frames.length;i++) {
    var fr = window.frames[i], doc=fr.contentDocument || fr.document;
    htmlContent.push(doc.getElementsByTagName("HTML")[0].innerHTML);
  }
  var w=window.open('');
  for (var i=0;i<htmlContent.length;i++) {
    w.document.write('Frame '+i+':<hr/><xm'+'p>'+htmlContent[i]+'</xmp><hr/>')
  }
  w.document.close();
})()

<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>Demo by mplungjan</title>
<script type='text/javascript'>
var contents_of_frame1 = '<html><head><title>Frame1</title><script>alert("frame 1")<\/script></head><body>Frame1</body></html>';
var contents_of_frame2 = '<html><head><title>Frame2</title><script>alert("frame 2")<\/script></head><body>Frame 2</body></html>';
var contents_of_frame3 = '<html><head><title>Frame3</title><script>alert("frame 3")<\/script></head><body>Frame 3</body></html>';
</script>
</head>
  <FRAMESET cols="20%, 80%">
    <FRAMESET rows="100, 200">
      <FRAME src="javascript:top.contents_of_frame1" />
      <FRAME src="javascript:top.contents_of_frame2" />
    </FRAMESET>
  <FRAME src="javascript:top.contents_of_frame3" />
</FRAMESET>
</html>