创建 div 后,我不知道如何在另一个页面中显示它们。当使用它们的功能创建 div 时,单击一个按钮后,它们将显示在主页面的一个 div 中,紧接着,必须重定向到第二个页面,传递创建的 div。
主页工作原理示例:Jsfiddle
我不知道如何在第二页中发送和显示刚创建的 div。
我认为 Action 应该用 php 设置,但我不知道...
重要
你不必看懂Js代码。你只需要知道我要复制到第二页的div,一开始是不存在的。因此,必须在创建 div 之后执行“复制到新页面”操作。
主页:
<html lang="it">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div id="faketxt" contenteditable>Write Here</div>
<button id='btn'>OK</button> <br>
<div id='boxes'>
</div>
<script type="text/javascript">
$('#btn').click(function() {
var primo = document.getElementById('faketxt');
var wordLimit = 145;
var words = primo.textContent.replace(/(<([^>]+)>)/ig,"").split(/\s/);
if (words.length) {
var count = 0;
var div = createDiv();
words.forEach(function(word) {
if (++count > wordLimit) {
count = 1;
div = createDiv();
}
if (div.innerHTML) {
div.append(' ');
}
div.append(word);
});
}
});
function createDiv() {
div = document.createElement('div');
div.className = 'fakes';
document.getElementById('boxes').append(div);
return div;
}
</script>
</body>
</html>
最佳答案
您不必只发送下一页重新创建它所需的数据量就可以发送整个 div。 即,您可以使用 cookie 并让用户记住:
document.cookie = "divinfo=The text field of the div's;\
path=/";
有一个包含相关信息的隐藏输入字段。
<input name="divinfo" hidden value="The info required for the creation of the div"/>
如果您使用 cookie,javascript 可以在另一侧重新创建数据,如果您使用隐藏输入,您应该让 php 重新创建它。
关于javascript - 如何将使用 javascript 创建的 div 传递到另一个使用 php 的页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41913497/