通過Jquery保存動態創建的頁面

<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>

我點擊了「Click me按鈕」5-6次..生成了新的HTML。不是嗎？通過Jquery保存動態創建的頁面

所以我想保存在一個文件是新生成的HTML通過ASP.Net或PHP

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

來源

2011-01-12 Yahoo

將正文內容複製到textarea中並將其提交到表單中。

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); 
}

UPDATE增加的CSS存儲代碼。

來源

2011-01-12 17:43:09 amosrivera

謝謝先生，其工作 – Yahoo 2011-01-12 20:21:11

通過Jquery保存動態創建的頁面

回答

相關問題