function goDetail(id) { localStorage.setItem("id", id); // 通过传递数据 location.href = "./detail.html"; }为什么不跳转
时间: 2024-06-05 20:10:55 浏览: 126
可能有多种原因导致这段代码没有跳转,以下是一些可能的原因和对应的解决方法:
1. 没有在 HTML 文件中引入该 JavaScript 文件:请确保在 HTML 文件中正确引入了该 JavaScript 文件。
2. 传递的参数 id 为空或者不正确:请检查传递的参数 id 是否为空或者不正确,如果是,请修改为正确的 id。
3. 跳转的目标文件地址不正确:请检查跳转的目标文件地址是否正确,如果不正确,请修改为正确的地址。
4. 在函数执行前有其他的语句或错误导致函数没有执行:请检查函数执行前是否有其他的语句或错误,如果有,请及时修复。
希望这些解决方法可以帮到你。
相关问题
<h1>用户顾客列表</h1> <div > <p>姓名</p> <input type="text" id="name" /> <p>职业</p> <input type="text" id="career" /> <p>电话</p> <input type="text" id="phone" /> <script type="text/javascript"> var myname = document.getElementById("name"); var str = localStorage.getItem("inputText"); if (str) { myname.value = str; } window.onbeforeunload = function () { localStorage.setItem("inputText",myname.value); } </script> <script type="text/javascript"> var mycareer = document.getElementById("career"); var str = localStorage.getItem("inputText"); if (str) { mycareer.value = str; } window.onbeforeunload = function () { localStorage.setItem("inputText",mycareer.value); } </script> <script type="text/javascript"> var myphone = document.getElementById("phone"); var str = localStorage.getItem("inputText"); if (str) { myphone.value = str; } window.onbeforeunload = function () { localStorage.setItem("inputText",myphone.value); } </script> </div> <button onclick="location.href='edit.jsp' ">保存</button>如何让第一页每个输入框的的内容都依次出现在第二页的输入框里
您可以在第一页的保存按钮点击事件中,将输入框的内容存储到localStorage中,然后在第二页的输入框中读取localStorage的值。具体实现如下:
第一页代码:
```
<h1>用户顾客列表</h1>
<div>
<p>姓名</p>
<input type="text" id="name" />
<p>职业</p>
<input type="text" id="career" />
<p>电话</p>
<input type="text" id="phone" />
<button onclick="saveData()">保存</button>
</div>
<script>
function saveData() {
var name = document.getElementById("name").value;
var career = document.getElementById("career").value;
var phone = document.getElementById("phone").value;
localStorage.setItem("name", name);
localStorage.setItem("career", career);
localStorage.setItem("phone", phone);
location.href = "edit.jsp";
}
</script>
```
第二页代码:
```
<h1>用户顾客列表</h1>
<div>
<p>姓名</p>
<input type="text" id="name" />
<p>职业</p>
<input type="text" id="career" />
<p>电话</p>
<input type="text" id="phone" />
</div>
<script>
var nameInput = document.getElementById("name");
var careerInput = document.getElementById("career");
var phoneInput = document.getElementById("phone");
nameInput.value = localStorage.getItem("name");
careerInput.value = localStorage.getItem("career");
phoneInput.value = localStorage.getItem("phone");
</script>
```
这样就可以实现第一页每个输入框的内容都依次出现在第二页的输入框里了。
阅读全文