如何让子网页从父网页接收变量值？
对于我的学校项目，我正在创建一个具有票务预订服务的模拟电影网站。目前我正在尝试创建座位选择部分。
我已经成功地做到了这一点，并且代码如何检测是否已选择座位是一个布尔值。（例如，如果他们选择座位 A1，名为“A1”的变量将被设置为 true），现在剩下的唯一部分是将用户选择的选择详细信息传输到他们填写“付款”详细信息的弹出网页。如何将变量值准确地传输到子网页？需要php文件吗？我是 php 的菜鸟，所以请提供一些指导。
我一直在网上搜索这种技术一段时间（包括堆栈溢出），但我找不到任何适合我的情况的正确代码
<html>
<body>
The on/off button:
<button onclick="press_button"><img id="button" src="on.png" style="width:100px"></button>
<BR>
The button that opens a new webpage:
<button onclick="confirm()"> Confirm</button>
<script language="JavaScript">
var i=0, status;
function press_button(){
i++;
if(i%2 == 1){
document.getElementById('button').src='off.png';
status=true
}
else
document.getElementById('button').src='on.png';
status=false
}
//function that changes the look of the button when it is on/off and records down whether it is on/off
function confirm(){
window.open("confirm.html")
//opens a new webpage
</script>
</body>
</html>
为简单起见，我制作了一个简单的网页，它有一个开/关按钮，我想要一个确认按钮来打开一个新页面并根据开/关按钮的状态显示一条文本消息。谁能教我怎么做？
四季花海1回答
-
富国沪深
您可以单独使用 JS 来完成此操作，但还有许多其他方法。<body> <input type='text' value='defaultParamValue'> <button type='button'>send param</button> <script type='text/javascript'> document.querySelector('button').onclick = () => window.location.href = 'destination.html?nameOfParam=' + encodeURIComponent(document.querySelector('[type=text]').value) </script></body>你可以用PHP来做到这一点，更现实和实用。<body> <form action='destination.php' method='get'> <input name='param' type='text' value='defaultParamValue> <input type='submit'> </form></body>这就是您使用 PHP 在 处检索值的方式destination.php。$_POST['param'];以下是如何使用您自己的示例进行操作。<body> The on/off button: <!-- you need to include type='button', otherwise it acts as type='submit' --> <button type='button' onclick='press_button()'> <img id='button' src='on.png' style='width:100px'> </button> <BR> The button that opens a new webpage: <!-- you need to include type='button', otherwise it acts as type='submit' --> <button type='button' onclick='confirm()'> Confirm</button> <script type='text/javascript'> // the language attribute is deprecated var i=0, button=document.querySelector('button'), status function press_button(){ i++ if(i%2 == 1){ button.src='off.png' status=true } else{ // you were missing a curly bracket button.src='on.png' status=false } } // you were missing a closing curly bracket function confirm(){ if(status){ // window in window.open is a global variable // which means it is always accessible // and you do not need to include it open(`confirm.html?status=${encodeURIComponent(status)}`) } } // you were missing a closing curly bracket </script></body>构建代码可以更容易地发现代码中的问题（即缺少大括号）。下面的 JS 将允许您在新页面上获取 URL 查询字符串参数。const urlParams = new URLSearchParams(location.search), myParam = urlParams.get('status')console.log(urlParams) // status=true/falseconsole.log(myParam) // true/false
随时随地看视频慕课网APP
相关分类
JavaScript