Question

我有一个html页面，用户可以插入带有输入类型文本或textarea的数据。他可以按预览按钮来创建预览。当他按下按钮时，必须在其他页面中打开预览。为了实现这一点，我想创建一个假的html页面，其中包含用户传递的数据。有人知道如何使用js在其他html页面中传递数据吗？

HTML

<input type="text" id="title" value="" onclick="" />
<textarea id="text" onclick=""> </textarea>

JS

$(document).ready(function(){
  var title= $('title')
  var text= $('text')

  //open another page with this data
});

Answer 1

使用localStorage，sessionStorage，或者如果是我，我会使用window.open而不使用url和jquery来简单地从第一页构建第二页。

您可以看到a JSFiddle here。

<input type="text" id="title" value="" onclick="" />
</br /> body:
<textarea id="body" onclick=""> </textarea>
<br />
<button class="open-write">
    show page (document.write)
</button>
</br />
<button class="open-jquery">
    show page (jquery)
</button>

$('.open-write').on('click', function() {
    let title = $('#title').val();
    let body = $('#body').val();
    let handle = window.open();
    handle.document.write(body);
    handle.document.title = title;
});
$('.open-jquery').on('click', function() {
    let title = $('#title').val();
    let body = $('#body').val();
    let handle = window.open();
    let $body = $(handle.document.body);
    $body.html(body);
    handle.document.title = title;
});

注意：这将解析并执行javascript。

Answer 2

尝试此操作以在弹出窗口中动态显示HTML内容。

$('<div />').html('hello there').dialog();

html功能是您的内容的用途。

使用用户传递的输入创建html页面的预览

2 个答案: