Question

<html>
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").after(" Hi .");
});
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

点击“点击我”按钮5-6次后...生成的新HTML。不是吗？

所以我想通过ASP.Net或PHP

将新生成的HTML保存在文件中

任何想法都是如何做到的？

Answer 1

将正文内容复制到文本区域并以表格形式提交。

var css = $("style:first").html();  //this will ver the first style tag
$("#myCssTextarea")
         .val("<style type='text/css'>"+css+"</style>");

var html = $("body").html();
$("#myTextarea")
         .val(html)
         .parents("form")
         .submit();

<强> HTML

<form action="" method="post">
     <textarea id="myTextarea" name="content" style="width:0; height:0;"></textarea>
     <textarea id="myCssTextarea" name="cssContent" style="width:0; height:0;"></textarea>
</form>

<强> PHP

if($_POST["content"]){
     $file = fopen('mypage.html', 'w');
     fwrite($file, $_POST["content"]);
     fwrite($file, $_POST["cssContent"]);
     fclose($file);
}

更新添加了css存储代码。

通过Jquery保存动态创建的页面

1 个答案: