My Index.html
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<button onclick="document.location='target.html'" name="this" type="submit" value="hello" >target</button>
</body>
</html>
我的目标.html
<!DOCTYPE html>
<html>
<body>
<h1>2nd page</h1>
</body>
</html>
我想访问index.html上点击按钮的值，这样我就可以在target.html页面上的任何地方使用它
在我的脑海里，它看起来像这样。。。
<!DOCTYPE html>
var buttonval = value of button click
<html>
<body>
<h1>2nd page</h1>
</body>
</html>
理想情况下，我希望只使用html和java脚本来实现这一点
您首先需要发送值，因此根据您的代码，它会变成这样：
<button onclick="document.location='target.html?val=hello'" name="this" type="submit" value="hello" >target</button>
然后你需要在目标页面上恢复该值：
var url = new URL(window.location.href);
var val = url.searchParams.get("val");
您可以使用GET方法(Url中的值(或POST方法(使用<FORM(。
在这里获取：
Index.html：
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<button onclick="document.location='target.html?val=1234'" name="this" type="submit" value="hello" >target</button>
</body>
</html>
Target.html：
<!DOCTYPE html>
<html>
<body>
<h1>2nd page</h1>
<div id="val"></div>
</body>
<script type="text/javascript">
var parameters = location.search.substring(1).split("?");
console.log(parameters);
var vals = parameters[0].split("=");
console.log(vals);
document.getElementById("val").innerHTML = "value = "+vals[1];
</script>
</html>
请参阅浏览器中控制台(F12(中的信息。
很好的延续。_Teddy_
使用包括PHP 在内的页面
example : <?php include("page.php"); ?>
在可见文件中直接执行单击。