1.為一個select下拉菜單增加選項
<SELECT id="result" name="result"></SELECT>
<script>
var result = $('result'); //result為下拉列表的ID
var textarr=['AAA','BBB','CCC','DDD','EEE','FFF','GGG','HHH','III','JJJ','KKK']
for (i = 0; i <textarr.length; i++) {
var opt = document.createElement("OPTION"); //創建option
opt.value = i+1;
opt.text = textarr[i]+'圖書';
result.options.add(opt); //增加option
}
</script>
2.彈出提示框,確認後才執行的例子
<form name="deleteschool" method="post"></form> <!--用于刪除school時使用-->
<input type="image" src="images/gimg/button_delete_sel.gif" alt="刪除" onclick="isCommit('<%=school.getSchoolid() %>');"/>
<Script language = "JavaScript">
function isCommit(Schoolid){ //用于刪除school時使用
var isCommit = confirm("确定要刪除該學校嗎?");
if(isCommit == true){ //如果確認
var url="schools.html?method=delete&schoolId="+Schoolid;
document.deleteschool.action=url;
// document.deleteschool.submit(); //提交表單
}
else
return false;
}
</Script>
例子2
<form id="deleteform" name="deleteform" action="" method="post" onsubmit="return isCommit('<%=school.getSchoolid()%>');">
<input type="image" src="images/gimg/button_delete_sel.gif" alt="刪除" />
<Script language="JavaScript">
<!--
function isCommit(schoolid){ //用于刪除訂閱表
var isCheck= MustChecked('deletecheckbox');
var isCommit=false;
if(isCheck) isCommit = confirm("确定要刪除該訂閱嗎?");
else alert("請選擇要刪除的訂閱項.");
if(isCommit){
var url="subscriptions.html?method=delete&schoolId="+schoolid;
document.deleteform.action=url;
}
else
return false;
}
//-->
</Script>
分享到:
相关推荐
5. **元素选择与操作**:Prototype提供了强大的DOM操作接口,如`$(selector)`选择元素,`Element.extend`扩展元素的方法等,可以方便地与动画类结合使用。 在提供的压缩包文件中,我们可以看到以下几个文件: - `...
至于`lytebox_v3.10`这个文件,它可能是一个图片或多媒体展示的JavaScript插件,与Ajax和Prototype库有关联,但具体使用方法需要查看该插件的文档。Lytebox通常用于创建一个轻量级的弹出窗口,显示图片、视频或其他...
除了使用构造函数和`prototype`,JavaScript还提供了`Object.create()`方法来创建一个新对象并将其`__proto__`设置为指定的对象。此外,ES6引入的类(class)语法虽然更符合传统的面向对象编程风格,但在底层仍然...
描述中的"ajax.prototype.javascript实例打包下载"表明这个压缩包包含了一系列基于Ajax和JavaScript原型链(prototype)的代码示例,这些示例可能是各种功能的实现,如数据加载、用户交互等。 标签 "ajax"、...
这个资源包中的JavaScript例子可能是针对上述各个知识点的实战演示,通过直接复制粘贴到项目中,可以帮助开发者快速理解和应用这些概念。无论你是初学者还是经验丰富的开发者,这些实例都能为你提供宝贵的参考。学习...
Prototype 是一个广泛使用的JavaScript库,设计目的是为了简化JavaScript的开发,尤其是处理DOM操作、AJAX交互以及事件处理等方面的工作。它通过提供一系列实用的工具函数和面向对象的特性,极大地提高了JavaScript...
主要介绍了JavaScript使用prototype属性实现继承操作,结合实例形式详细分析了JavaScript使用prototype属性实现继承的相关原理、实现方法与操作注意事项,需要的朋友可以参考下
本文将深入探讨JavaScript中的类和继承,并结合`prototype.js`文件中的示例进行解析。 ### 类的概念与模拟 在JavaScript中,我们通常使用函数来模拟类的行为。一个函数可以看作是一个类的定义,通过`new`关键字来...
"Prototype-1.6.0.2" 是 Prototype JavaScript 框架的一个版本,这个框架在Web开发领域中被广泛使用,特别是在AJAX应用中。Prototype 提供了一系列强大的工具,帮助开发者更高效地操作和扩展JavaScript,使得在...
在JavaScript中,`prototype`是一个非常重要的概念,它关乎到对象继承和函数的扩展。`prototype`是每个函数(在JavaScript中,函数也是对象)都具有的一个属性,用于实现对象间的原型继承。当我们谈论`prototype`时...
下面是一段使用`prototype.js`进行Ajax请求的示例: ```javascript new Ajax.Request('url/to/server', { method: 'post', parameters: {key: 'value'}, onSuccess: function(response) { console.log('成功...
在这个"prototype 1.6.0.2.js+使用DEMO例子"的压缩包中,包含了该版本的核心库文件和相关示例,旨在帮助开发者更好地理解和应用Prototype。 首先,`prototype-1.6.0.2.js`是Prototype的核心脚本文件。这个文件包含...
Prototype是JavaScript库的名称,表明文件与JavaScript编程语言紧密相关,特别是使用Prototype库进行开发的部分。"中文版"标签进一步确认了这些文档是为中文用户设计的,降低了语言障碍,便于中文开发者学习和使用...
6. **特效与动画**:Prototype提供了一些内置的动画效果,如`Element.fade`和`Element.slide`,使得动态效果的实现更加方便。 7. **Selectors**:Prototype实现了类似CSS的选择器,允许开发者使用类似`$('myElement...
此外,`prototype`还与JavaScript的继承密切相关。我们可以通过设置一个函数的`prototype`为另一个函数的实例来实现继承: ```javascript function Student(name, grade) { Person.call(this, name); // 调用父类...
在JavaScript中,`prototype`是一个非常重要的概念,它关乎到对象继承和函数的特性。`prototype`机制是JavaScript实现...如果你想要深入学习JavaScript的面向对象编程,理解和熟练使用`prototype`是必不可少的步骤。
Prototype是一个广泛使用的JavaScript库,它的主要目标是简化JavaScript的开发,提供了一系列强大的工具,让JavaScript编程更加高效和便捷。这里的"v1.6.0"指的是该库的一个特定版本,意味着它包含了自上一版本以来...
Prototype.js 是一个广泛使用的JavaScript库,它为JavaScript语言增加了许多实用的功能,使开发Web应用程序变得更加简单。这个压缩包包含了Prototype的1.6.0版本,包括中文版和英文版的文档,以及源代码文件。 首先...
在这个"prototype小例子"中,我们将探讨这个核心机制以及如何使用它。 首先,我们理解`prototype`的基本作用。当我们在JavaScript中创建一个函数时,这个函数就自动获得了一个`prototype`属性。`prototype`对象包含...