如何将变量移动到另一个html文件中，并根据该变量更改html文件中的文本
如何将变量移动到另一个html文件中，并根据该变量更改html文件中的文本
提问于 2018-06-11 08:10:30
首先，我试图将一个变量转移到另一个html文件中，但我想我完全搞错了
这是我的第一页代码：
<input type="text" placeholder="Enter Storage Size" name="storage size" id="storagesize" required>
<label for="Colour"><b>Colour</b></label>
<input type="text" placeholder="Enter Colour" name="Colour" id="colour" required>
<label for="Features"><b>Features</b></label>
<form>
<label class="container">FingerPrint Scanning Security 50$
<input type="checkbox" value="50" id="fingerprint">
<span class="checkmark"></span>
</label>
<label class="container">Feature Two 50$
<input type="checkbox" value ="50" id="two">
<span class="checkmark"></span>
</label>
<label class="container">Feature Three 50$
<input type="checkbox" value ="50" id="three">
<span class="checkmark"></span>
</label>
<label class="container">Feature Four 50$
<input type="checkbox" value ="50" id="four>
<span class="checkmark"></span>
</label>
</form>
<script>
var feature;
var size = document.getElementById("userInput").value;
var colour = document.getElementById("userInput").value;
localStorage.size = size
localStorage.colour = colour
('fingerprint').click(function() {
feature ="50";
localStorage.feature="50";
});
('two').click(function() {
feature ="50";
localStorage.feature="50";
});
('three').click(function() {
feature ="50";
localStorage.feature="50";
});
('four').click(function() {
feature ="50";
localStorage.feature="50";
});
</script>`下面是另一个html页面的代码：
<script>
var size
var colour
var feature
size = localStorage.size;
colour = localStorage.colour;
feature = localStorage.feature;
document.getElementById("colour").innerHTML = colour;
document.getElementById("sizetotal").innerHTML = size;
document.getElementById("featureprice").innerHTML = feature;
</script>
<h4>Cart <span class="price" style="color:black"><i class="fa fa-shopping-cart">
</i> <b>4</b></span></h4>
<p id="colour"> <span class="price">0</span></p>
<p id="sizetotal"> <span id="sizeprice" class="price"></span></p>
<p>Features<span id ="featureprice" class="price"></span></p>
<hr>
<p>Total <span class="price" style="color:black"><b></b></span></p>我大概一周前才开始编程，所以我完全迷失了方向。如果有人能帮上忙，那就太好了。或者如果我无望，请告诉我。
回答 2
Stack Overflow用户
发布于 2018-06-11 08:14:24
将变量作为参数传递到URL中，例如www.mysite.com/otherpage?color=blue。然后使用JavaScript将参数放入新的/其他页面上的变量中。
var getArg = getArg();
var color = getArg['color'];
function getArg(param) {
var vars = {};
window.location.href.replace(window.location.hash, '').replace(
/[?&]+([^=&]+)=?([^&]*)?/gi, // regexp
function(m, key, value) { // callback
vars[key] = value !== undefined ? value : '';
}
);
if (param) {
return vars[param] ? vars[param] : null;
}
return vars;
}Stack Overflow用户
发布于 2018-06-11 08:15:24
我建议使用服务器端语言，如PHP，如果你想创建电子商务，这是可行的。本地存储对于网站的简单(而非基本)功能来说是很好的。
对于长期应用来说，使用服务器端语言和会话将会更容易、更好。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50789114
复制相关文章
相似问题