JavaScript:创建全新的HTML页面

时间:2014-05-07 20:22:57

标签: javascript html

问题:

我想知道是否可以使用JavaScript创建全新的HTML页面。

实施例: 我是一个用户,我在表单中放了一些东西,然后用用户编写的内容创建一个页面。 (类似于PasteBin)


研究

我试过搜索这个问题,但我找不到我想要的东西。一些打开框架,有些只是制作主索引页面。但是,我希望用户制作页面并让其他人看到它。


其他任何东西:

我知道这可以在PHP中完成。但是,我对这门语言知之甚少。我想知道这是否可以在JavaScript中使用,因为我对此有所了解。

感谢任何帮助。如果可以的话,请你留下一些代码或链接到任何教程,说明如何做到这一点?


谢谢。 -Hutch


修改

我将看看Node.js(谢谢,Tyler!)

谢谢大家的帖子!

2 个答案:

答案 0 :(得分:3)

不幸的是,您尝试做的事情要求将数据存储在某个地方。需要某种服务器端存储。

当您使用服务器端存储时,您需要一些中间服务器端语言,如PHP或Node.js。

幸运的是,Node.js完全用Javascript编写并在服务器上执行,所以如果你对Javascript很好的话应该非常熟悉。

答案 1 :(得分:1)

我喜欢在jQuery中使用PHP和JavaScript。

createPage.php

if (isset($_POST['str'])) {
    $name = 'page_'.time().'.html';
    file_put_contents('/var/www/html/pages/'.$name, $_POST['str']);
}

paste.html

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    $('#done').click(function() {
        $.ajax({
            url: 'createPage.php',
            dataType: 'text',
            type: 'POST',
            data: {
                str: $('#content').val()
            }
        })
        .done(function(msg) {
            $('#result').text(msg);
        });
    });
});
</script>

<textarea id="content" rows="30" cols="120"></textarea>
<input type="button" id="done" value="Create" /><br />
<div id="result"></result>