Question

你好，我目前有一个包含'John Doe'值的div，我想在我网站的另一个页面填写一个带有该值的文本字段，但我不确定如何做到这一点？

我可以通过将此JavaScript添加到按钮来轻松地在同一页面上执行此操作：

document.getElementById('johndoediv').innerHTML

但是我现在不确定如何加载其他页面onclick并用div包含的值填充文本字段。

有没有人有这样的例子？

由于

Answer 1

您可以使用localstorage API

//Set a value
localStorage.setItem("data",myvalue);

//Get the value
localStorage.getItem("data");

//Remove data
localStorage.removeItem("data");

//Remove all data 
localStorage.clear();

您也可以使用与sessionStorage相同的方法使用localStorage，但您的数据仅在浏览器打开时保留，然后自动清除

Answer 2

如果你想用最少量的代码（没有自己编写完整的AJAX请求）这样做，我建议使用jQuery的.load()函数。此功能只能将内容加载到div中，但您可以非常轻松地在页面底部创建一个display: none;的div，将内容加载到该div中，然后将该值放入input带有关于加载函数的回调的元素。

$("#throwawaydiv").load("otherpageurl #divonotherpage", function(){$("#inputbox").val($("#throwawaydiv").text());});

编辑：这是假设另一页上div中的文本是静态的。如果没有，那么所有的赌注都会被取消。

JavaScript在其他页面上填充带有html内容的文本框

2 个答案: