单击提交按钮后如何获取html页面的源代码

时间:2018-10-22 16:25:51

标签: javascript html

我在下面的html页面中,用户在其中键入文本区域并单击“提交”按钮:

<script type="text/javascript">
function func () {
  var a = document.querySelector('html');
  var b = document.querySelector('.inner');
  b.textContent = a.innerHTML;
  console.log(a);

  var output =  b.textContent
  var OpenWindow = window.open("child.html", "mywin", '');
  OpenWindow.dataFromParent = output; 
  OpenWindow.init();
}
</script>

<!DOCTYPE html>
<html>
<head>

<title>HTML Generator</title>
</head>
<body>
<form id="form1" >
<div style='margin: auto; padding: 1em; width: 85%;'>

<p style='color:#3399FF; font-size: 12pt; font-weight: bold; margin-top:0px;margin-bottom:0px'>Job-specific:</p><br>
<textarea rows="4" style="width:100%">Job-specific</textarea>  </br></br>

<p style='color:#3399FF; font-size: 12pt; font-weight: bold; margin-top:0px;margin-bottom:0px'>Skills:</p><br>
  <textarea rows="4" style="width:100%">Enter Skills</textarea>  </br></br>

  <div style='clear: both; max-width: 90%; text-align: center;'>
                        <button onclick="func();">Submit</button>
                <pre><code class="inner"></code></pre>
  </div>

</div>

</form>   
</body>
</html>

在用户单击“提交”按钮后,我试图在新窗口中打开上述html页面的源代码。到目前为止,它正在同一页面内生成源代码,而child.html页面将为空,也不确定如何在没有Java脚本和Submit按钮的情况下获取html页面的源代码。

1 个答案:

答案 0 :(得分:1)

function func () {
  var a = document.querySelector('html');
  var b = document.querySelector('.inner');
  b.textContent = a.innerHTML;
  console.log(a);
}
<button onclick="func();">GO</button>
<pre><code class="inner"></code></pre>