我正在创建某种预订评论。我怎样才能在这段代码中进行一些设计和调整。我试过将它放在一个 div 中，但仍然不起作用。有什么办法可以做到这一点吗？
<html>
<head>
<style>
body{
font-family:metro normal;
font-size:30px;
}
</style>
<script>
// Called on body's `onload` event
function init() {
var SelectCountry = localStorage.getItem("SelectCountry");
var SelectTime = localStorage.getItem("SelectTime");
var datepicker = localStorage.getItem("datepicker");
var Persons = localStorage.getItem("Persons");
document.write("Branch: \r\n" +SelectCountry);
document.write(" \r\nTime: " +SelectTime);
document.write(" \r\nDate: " +datepicker);
if (Persons !== null){
document.write(" \r\nPersons: " +Persons);
}
}
</script>
</head>
<body onload = "init();">
</body>
最佳答案
那是因为你调用document.write()文档准备好后完全删除当前文档。
所以删除 onload 处理程序和
function init() {
var SelectCountry = localStorage.getItem("SelectCountry");
var SelectTime = localStorage.getItem("SelectTime");
var datepicker = localStorage.getItem("datepicker");
var Persons = localStorage.getItem("Persons");
//document.write('<style>body {color: red;}</style>');
document.write("Branch: \r\n" + SelectCountry);
document.write(" \r\nTime: " + SelectTime);
document.write(" \r\nDate: " + datepicker);
if (Persons !== null) {
document.write(" \r\nPersons: " + Persons);
}
}
init();
注意:尝试使用dom元素修改，而不是像使用document.write
// Called on body's `onload` event
function init() {
var SelectCountry = localStorage.getItem("SelectCountry");
var SelectTime = localStorage.getItem("SelectTime");
var datepicker = localStorage.getItem("datepicker");
var Persons = localStorage.getItem("Persons");
var html = "Branch: \r\n" + SelectCountry;
html += " \r\nTime: " + SelectTime;
html += " \r\nDate: " + datepicker;
if (Persons !== null) {
html += " \r\nPersons: " + Persons;
}
document.body.innerHTML = html;
}
然后
<body onload = "init();">
关于javascript - 如何在 document.writes 中注入(inject) CSS？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22061699/