<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>
发表评论
-
项目周期细化工作量
2014-07-08 20:29 716... -
pring的AbstractCommandController简单例子
2013-09-10 10:44 861(引自Spring in Action -- 命令控制器(如A ... -
js一些菜单例子
2012-12-03 15:21 826JS树 录结构菜单 演示地址: http://vip.5d. ... -
Servlet.service() for servlet jsp threw exception,NullPointerException
2012-10-09 17:07 11392011-7-28 2:09:33 org.apache.ca ... -
ext tree 更改图标
2012-04-16 23:11 1690如果在Java代码中树的Node不设置cls的话,Extjs ... -
Ext.data.Store使用示例
2012-04-16 20:34 1289Ext.data.Store是EXT中用来 ... -
js六种数据类型和var
2012-04-13 14:32 1247JavaScript 有六种数据类 ... -
ExtJs 控制复选框disabled
2012-04-13 14:12 2928var csm2 = new Ext.grid.Checkbo ... -
JS 四舍五入
2012-04-10 23:36 957写法巨强的四舍五入的转换函数,如下: function ro ... -
Ext el属性
2012-04-10 23:08 879这个是你要将你的组件渲染到哪个div 比如有个<div ... -
js精确控制tr
2012-02-09 17:14 1306在写了很多js后,会发现在js中总会出现各种各样奇怪的问题,主 ... -
写Java程序的三十个基本规则(转)
2011-07-27 17:57 639新手入门:写Java程序的 ... -
struts标签使用注意
2011-07-27 16:29 825<td align="center" ... -
readonly,disabled,display区别
2011-07-27 13:06 1899Readonly只针对input(text / pa ... -
js时钟
2011-07-26 17:28 756<html> <head> < ... -
页面常用传值关系
2011-07-26 16:07 877//获取页面传过来的id String result = r ... -
js传中文值到后台null解决
2011-07-26 14:29 1658页面jsp <td><a href=&qu ...
相关推荐
### JavaScript 实现禁用浏览器后退按钮的知识点详解 #### 一、背景介绍 在Web开发过程中,有时候出于用户体验或者安全性的考虑,开发者可能会选择禁用浏览器的后退按钮功能。例如,在某些登录验证后的页面,为了...
在探讨“javascript禁用button 10秒钟”的技术细节前,我们先理解这一需求的核心——在用户界面上,为了防止用户连续点击按钮导致不必要的请求或操作,或是为了确保用户有足够的时间阅读某些重要信息(如服务条款)...
1. **基础按钮功能**:JavaScript的基础按钮功能通常包括点击事件监听、按钮状态的改变(如禁用或启用)、按钮的文字或样式调整等。通过JavaScript,我们可以为按钮添加自定义的点击事件处理程序,实现诸如打开新...
这个案例主要涉及了如何使用JavaScript来实现表格的添加、删除等基本操作。这些功能对于网页交互性和用户体验有着重要的作用,尤其适合初学者进行学习和实践。 首先,`students.html`文件很可能是用来展示表格结构...
通过以上介绍可以看出,各主流浏览器都提供了禁用JavaScript的功能,尽管操作步骤有所不同,但总体流程相似。用户可以根据自己的需求和使用的浏览器类型,按照相应的指南进行设置。需要注意的是,禁用JavaScript可能...
随着需求的增长,我们可能需要添加更多功能,如禁用按钮、设置自定义事件处理函数、动态改变按钮状态等。这些都是通过扩展控件类的属性和方法来实现的。 以上就是开发一个基础JavaScript按钮控件的基本步骤。这个...
本文介绍了页面按钮禁用与解除禁用的基本概念和实现方法。 首先,计时器和延时器的概念非常重要。计时器通常用于周期性执行任务,而延时器则用于一次性延后执行任务。在JavaScript中,计时器可以通过setInterval...
首先,我们需要注意一个事实,那就是直接禁用浏览器的后退按钮在技术上是不可能的,因为这是浏览器的基本功能,由用户控制。但是,我们可以采取一些措施来模拟禁用效果,确保用户不会无意间通过后退按钮回到不应返回...
在网页应用中,有时我们需要确保用户在...通过监听按钮的点击事件,禁用按钮并提供适当的视觉反馈,我们可以确保用户只能进行一次操作,直到该操作完成。这有助于避免不必要的重复请求,提高应用的稳定性和用户体验。
在实际应用中,这样的功能可以用于多种场景,例如防止用户连续提交表单、在处理请求期间禁用按钮,或者在某些操作完成后重新启用按钮。 此外,我们注意到HTML文档类型声明`<!doctype html>`,它是HTML5文档的声明,...
接下来将详细介绍如何使用JavaScript禁用浏览器后退按钮。 1. 使用`window.history.forward(1);`方法 通过执行`window.history.forward(1);`命令,可以使浏览器窗口的浏览历史记录前进一页,相当于模拟用户点击了...
- **应用场景**:适用于当用户禁用 JavaScript 时提供基本的页面内容。 #### 9. 查看页面源码 - **代码示例**: ```html 查看页面源码" onclick="window.location = 'view-source:' + '...
然后,使用`prop()`方法禁用按钮并修改按钮的值为`n + "s 后重新发送"`。 接下来,创建一个`setInterval`定时器,每1秒钟执行一次回调函数。这个回调函数会递减`n`的值,并更新按钮的显示文本。在定时器内部,我们...
8. **禁用/启用元素**:在特定条件下,可能需要禁用按钮或输入框,以防止用户进一步操作,如`element.disabled = true;`。 9. **响应式设计**:根据屏幕尺寸或设备类型,动态调整按钮和输入框的布局和样式,以提供...
首先,我们来探讨一下JavaScript在创建按钮特殊效果中的基本原理。JavaScript可以访问和操作HTML元素,包括按钮(`<button>`或`<input type="button">`)。通过获取这些元素的引用,我们可以通过修改样式属性(如...
3. **按钮状态管理**:可以使用JavaScript改变按钮的状态,比如禁用(`disabled`)按钮,防止用户在特定情况下进行操作,或者设置按钮的加载状态,显示一个旋转的加载图标。 4. **交互式按钮**:通过JavaScript,...
【描述】:“按钮控制图片移动”这一特效的实现主要涉及到JavaScript的DOM操作、事件监听以及CSS样式调整。这个效果通常包括两个关键部分:一是设置图片初始位置,二是响应用户点击按钮时改变图片的位置。 【知识点...
总的来说,Bootstrap中禁用按钮的最佳实践是结合CSS样式和JavaScript操作,以确保视觉效果和功能的双重禁用。这样可以有效地防止用户在等待处理结果时误操作,提高用户体验。在项目开发中,可以根据具体需求选择合适...
每个元素都有一个唯一的ID,这是通过JavaScript进行操作的基础。我们可以通过`CommandBar`对象访问Ribbon,并使用`getControl`方法找到我们需要操作的具体控件。 要启用或禁用功能区控件,我们需要编写一段...