我在下面的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页面的源代码。
答案 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>