Question

我需要将用户在一个页面上编写的Javascript保存并用于下一页。通过这个，我的意思是，我需要获取div的内容，并以某种方式将其保存到.JS文件中，该文件将在下一页加载时自动运行。有没有办法可以做到这一点，还是有另一种方法可以实现这一目标？

基本上，就像Codecademy所做的那样，但不是直播？

Answer 1

如果您只是在处理本地项目（没有服务器端）。您可以将值存储到localStorage。

// page 1
<!DOCTYPE html>
<html>
  <body>
     <div contentEditable="true" id="i1"></div><button id="b1">open next page</button>
  </body>
  <script>
    var div = document.getElementById('i1'), text = "desired value";
        div.innerText = text;
    document.getElementById('b1').onclick = function(){
      localStorage['div value'] = div.innerText; window.open('page2.html'); window.close('page1.html');
    }
  </script>
</html>

// page 2
<!DOCTYPE html>
<html>
  <body>
    <p id="p"></p>
    <button id="b2">go back</button>
  </body>
  <script>
   p.innerText = localStorage['div value']? localStorage['div value']: "There is no value in your div";
   b2.onclick = function(){ window.open('page1.html'); window.close('page2.html'); }
  </script>
</html>

Answer 2

如果您准备好更改架构，我有一个问题作为您的答案。您是否通过AngularJS，EmberJS，Backbone等尝试了单页JS应用程序？

Answer 3

您不需要保存到.JS文件中

您需要将JS发布到服务器，然后将其呈现到下一页

i'm the next page
<script>
    // user's code
</script>

如何在一个页面上运行Javascript，用户在上一页上输入了哪些内容？

3 个答案: