我看了几个视频和文件，我如何才能访问一个HTML页面上的数据从另一个HTML页面，并尝试他们，但我不能访问以任何方式。我曾经用JSON解决这个问题，但它不能帮助解决它。怎么才能访问呢？
add.HTML
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="" id="myForm">
<input type="text" name="input" id="input" placeholder="input">
<button type="submit">add</button>
</form>
<script>
const form = document.getElementById('myForm')
const input = document.getElementById('input')
form.addEventListener('submit' , function(e) {
e.preventDefault()
const inputValue = input.value;
localStorage.setItem('myInput' , inputValue)
})
</script>
</body>字符串
show.HTMl
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p id="showInput"></p>
<script>
const input = localStorage.getItem('myInput')
document.getElementById('showInput').textContent = input;
</script>
</body>型
1条答案
按热度按时间of1yzvn41#
我能想到的唯一原因是如果你没有使用HTTP。
LocalStorage要求两个文档位于同一origin上。
当我启动一个本地HTTP服务器并将它们加载为 *http：//localhost：7007/a.html * 和 *http：//localhost：B * 时，代码运行良好。
localStorage.getItem('myInput')返回null，如果我尝试将它们加载为 file：/path/to/a.html 和 file：/path/to/B.html，因为 file： scheme URL上的文档总是被认为是不同的来源（这可以防止，例如，有人向您发送HTML文档作为电子邮件附件，当您从 file：//tmp/dfdsfd-fdf-dfdfd.html 打开它时，运行一些JS来挖掘您的个人数据）。在进行Web开发时，您应该始终使用本地HTTP服务器进行测试。在处理 file： scheme URL时，有许多功能被禁用或更改。