如何使得按确定和取消按纽转到两个不同的页面!

本文介绍了一个简单的JavaScript函数示例,该函数使用内置的confirm对话框来根据用户的响应导航到不同的页面。这种技术通常用于在进行重要操作之前询问用户确认。
问:
如何使得按确定和取消按纽转到两个不同的页面!
confirm(),后面的具体参数是什么?
______________________________________________________________________________________________
答1:
看个例子吧!
<script language="javascript">
function delit()
{
  result="确认要删除?/r/n/r/n同时会删除相关的信息!"
  if (confirm(result))
  {
    window.location.href="a1.asp"
  }
  else
  {
    window.location.href="a2.asp"
   }
}
</script>
<a href="javascript:delit()">删除</a>
 
### 创建带有确认返回按钮的HTML表单 为了创建一个包含确认返回主界面按钮的输入界面,在点击确认后显示输入内容并提供提交或不提交的选择,可以按照如下方式构建: #### HTML部分 首先定义一个简单的HTML表单,其中包含两个按钮:“确认”用于处理用户的输入,“返回”则允许用户取消操作回到主页。 ```html <form id="inputForm" action="#" method="post"> <label for="userInput">请输入内容:</label> <input type="text" id="userInput" name="userInput"><br><br> <!-- 确认按钮 --> <button type="button" onclick="handleConfirm()">确认</button> <!-- 返回按钮 --> <button type="button" onclick="goBack()">返回</button> </form> ``` #### JavaScript逻辑 接下来编写JavaScript代码来控制这两个按钮的行为。当用户点击“确认”时,会先调用 `handleConfirm()` 函数;而点击“返回”将会触发 `goBack()` 方法。 对于“确认”,程序应该获取用户输入的内容并通过 `alert()` 显示出来,之后再利用 `confirm()` 提供给用户选择是否真的要提交数据[^1]。 ```javascript function handleConfirm() { var inputContent = document.getElementById('userInput').value; alert("您输入的是:" + inputContent); // 显示用户输入 if (confirm("确定要提交吗?")) { // 用户选择了'好' document.getElementById('inputForm').submit(); // 提交表单 } else { // 用户选择了‘取消’ console.log("未提交"); } } // 定义返回功能 function goBack(){ window.history.back(); } ``` 此方案不仅实现了所需的功能——即展示用户输入以及询问其是否愿意继续提交——同时也保持了良好的用户体验设计原则,确保交互过程清晰明了[^2]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值