`

javascript基础操作(禁用按钮)

 
阅读更多

<html>
<head>
<script type="text/javascript">
function disp_prompt()
  {
  var name=prompt("请输入您的名字","Bill Gates")
  if (name!=null && name!="")
    {
      if(name=="jackssy"){
      document.write("wondeful !"+name+" 哈哈");
      exit(0);
     }
    document.write("你好!" + name + " 今天过得怎么样?")
    }
 
  }
function disp_confirm()
 {
   var cof = confirm("you  press a confirm");
  if(cof ==true){
     alert("you press a ok");
  }
  else {
 alert("no");
}
 }

function disp_prompt2()
{
var name1 =prompt("nihao","jackssy")
if(name1!=null &&name1!="")
{
 alert(name1+" hehe");
 document.write(name1+" hehe");
}
}
</script>
</head>
<body>

<input type="button" onclick="disp_prompt()" value="显示提示框" />
<input type="button" onclick="disp_confirm()" value="show confirm">
<input type="button" onclick="disp_prompt2()" value="haha">

</body>
</html>

 

<html>
<head>
<script type="text/javascript">
onerror=handleErr
var txt=""

function handleErr(msg,url,l)
{
txt="本页中存在错误。\n\n"
txt+="错误:" + msg + "\n"
txt+="URL: " + url + "\n"
txt+="行:" + l + "\n\n"
txt+="点击“确定”继续。\n\n"
alert(txt)
return true
}

function message()
{
adddlert("Welcome guest!")
}
</script>
</head>

<body>
<input type="button" value="查看消息" onclick="message()" />
</body>

</html>

 

 

<html>
<head>
<script type="text/javascript">
function alertId()
{
var txt="Id: " + document.getElementById("myButton").id
txt=txt + ", type: " + document.getElementById("myButton").type
alert(txt)
document.getElementById("myButton").disabled=true
}
</script>
</head>

<body>
<form>
<button id="myButton" onClick="alertId()">请点击我!</button>
</form>
</body>

</html>

 

 

 

 

<html>
<head>
<script type="text/javascript">
function disable()
  {
  document.getElementById("mySelect").disabled=true
  }
function enable()
  {
  document.getElementById("mySelect").disabled=false
  }
</script>
</head>
<body>

<form>
<select id="mySelect">
  <option>苹果</option>
  <option>桃子</option>
  <option>香蕉</option>
  <option>桔子</option>
</select>
<br /><br />
<input type="button" onclick="disable()" value="禁用列表">
<input type="button" onclick="enable()" value="启用列表">
</form>

</body>
</html>

分享到:
评论

相关推荐

    javascript实现禁用浏览器后退按钮

    ### JavaScript 实现禁用浏览器后退按钮的知识点详解 #### 一、背景介绍 在Web开发过程中,有时候出于用户体验或者安全性的考虑,开发者可能会选择禁用浏览器的后退按钮功能。例如,在某些登录验证后的页面,为了...

    javascript 禁用button 10秒钟

    在探讨“javascript禁用button 10秒钟”的技术细节前,我们先理解这一需求的核心——在用户界面上,为了防止用户连续点击按钮导致不必要的请求或操作,或是为了确保用户有足够的时间阅读某些重要信息(如服务条款)...

    javascript各式功能按钮大集合

    1. **基础按钮功能**:JavaScript的基础按钮功能通常包括点击事件监听、按钮状态的改变(如禁用或启用)、按钮的文字或样式调整等。通过JavaScript,我们可以为按钮添加自定义的点击事件处理程序,实现诸如打开新...

    javascript实现表格添加删除等操作

    这个案例主要涉及了如何使用JavaScript来实现表格的添加、删除等基本操作。这些功能对于网页交互性和用户体验有着重要的作用,尤其适合初学者进行学习和实践。 首先,`students.html`文件很可能是用来展示表格结构...

    各主流浏览器如何禁用javascript脚本

    通过以上介绍可以看出,各主流浏览器都提供了禁用JavaScript的功能,尽管操作步骤有所不同,但总体流程相似。用户可以根据自己的需求和使用的浏览器类型,按照相应的指南进行设置。需要注意的是,禁用JavaScript可能...

    javascript控件开发之按钮控件

    随着需求的增长,我们可能需要添加更多功能,如禁用按钮、设置自定义事件处理函数、动态改变按钮状态等。这些都是通过扩展控件类的属性和方法来实现的。 以上就是开发一个基础JavaScript按钮控件的基本步骤。这个...

    页面按钮禁用与解除禁用的方法

    本文介绍了页面按钮禁用与解除禁用的基本概念和实现方法。 首先,计时器和延时器的概念非常重要。计时器通常用于周期性执行任务,而延时器则用于一次性延后执行任务。在JavaScript中,计时器可以通过setInterval...

    全面考察“禁用浏览器后退按钮”

    首先,我们需要注意一个事实,那就是直接禁用浏览器的后退按钮在技术上是不可能的,因为这是浏览器的基本功能,由用户控制。但是,我们可以采取一些措施来模拟禁用效果,确保用户不会无意间通过后退按钮回到不应返回...

    用javascript来实现防止多个按钮被同时按下的方法

    在网页应用中,有时我们需要确保用户在...通过监听按钮的点击事件,禁用按钮并提供适当的视觉反馈,我们可以确保用户只能进行一次操作,直到该操作完成。这有助于避免不必要的重复请求,提高应用的稳定性和用户体验。

    javascript按钮禁用和启用的效果实例代码

    在实际应用中,这样的功能可以用于多种场景,例如防止用户连续提交表单、在处理请求期间禁用按钮,或者在某些操作完成后重新启用按钮。 此外,我们注意到HTML文档类型声明`&lt;!doctype html&gt;`,它是HTML5文档的声明,...

    javascript怎么禁用浏览器后退按钮

    接下来将详细介绍如何使用JavaScript禁用浏览器后退按钮。 1. 使用`window.history.forward(1);`方法 通过执行`window.history.forward(1);`命令,可以使浏览器窗口的浏览历史记录前进一页,相当于模拟用户点击了...

    javascript常用操作技巧

    - **应用场景**:适用于当用户禁用 JavaScript 时提供基本的页面内容。 #### 9. 查看页面源码 - **代码示例**: ```html 查看页面源码" onclick="window.location = 'view-source:' + '...

    【JavaScript源代码】jQuery实现发送验证码控制按钮禁用功能.docx

    然后,使用`prop()`方法禁用按钮并修改按钮的值为`n + "s 后重新发送"`。 接下来,创建一个`setInterval`定时器,每1秒钟执行一次回调函数。这个回调函数会递减`n`的值,并更新按钮的显示文本。在定时器内部,我们...

    javascript经典特效---按钮与input框.rar

    8. **禁用/启用元素**:在特定条件下,可能需要禁用按钮或输入框,以防止用户进一步操作,如`element.disabled = true;`。 9. **响应式设计**:根据屏幕尺寸或设备类型,动态调整按钮和输入框的布局和样式,以提供...

    javascript经典特效---按钮特殊效果.rar

    首先,我们来探讨一下JavaScript在创建按钮特殊效果中的基本原理。JavaScript可以访问和操作HTML元素,包括按钮(`&lt;button&gt;`或`&lt;input type="button"&gt;`)。通过获取这些元素的引用,我们可以通过修改样式属性(如...

    javascript经典特效---各种用途的按钮.rar

    3. **按钮状态管理**:可以使用JavaScript改变按钮的状态,比如禁用(`disabled`)按钮,防止用户在特定情况下进行操作,或者设置按钮的加载状态,显示一个旋转的加载图标。 4. **交互式按钮**:通过JavaScript,...

    javascript经典特效---按钮控制图片移动.rar

    【描述】:“按钮控制图片移动”这一特效的实现主要涉及到JavaScript的DOM操作、事件监听以及CSS样式调整。这个效果通常包括两个关键部分:一是设置图片初始位置,二是响应用户点击按钮时改变图片的位置。 【知识点...

    BootStrap中按钮点击后被禁用按钮的最佳实现方法

    总的来说,Bootstrap中禁用按钮的最佳实践是结合CSS样式和JavaScript操作,以确保视觉效果和功能的双重禁用。这样可以有效地防止用户在等待处理结果时误操作,提高用户体验。在项目开发中,可以根据具体需求选择合适...

    使用JavaScript启用或禁用Dynamics CRM 2011功能区控制

    每个元素都有一个唯一的ID,这是通过JavaScript进行操作的基础。我们可以通过`CommandBar`对象访问Ribbon,并使用`getControl`方法找到我们需要操作的具体控件。 要启用或禁用功能区控件,我们需要编写一段...

Global site tag (gtag.js) - Google Analytics