`

prototype與javascript的一些使用例子

    博客分类:
  • AJAX
阅读更多
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>
0
0
分享到:
评论
1 楼 kenbli 2008-02-05  

<span class="style5"> 刪除 <input type="checkbox" name="movemenber" value="checkbox" onclick="javascript:var name='deletecheckbox';selectandclear(name);"></span> <!--全選中或全不選中的checkbox-->


</Script>
//************************全選中或全不選中的方法***********************************************/
function selectandclear(name){
 if(document.all.movemenber.checked==true)selectAll(name);
 if(document.all.movemenber.checked==false)clearAll(name);

}

function selectAll(name){
	var el = document.getElementsByTagName('input');
	var len = el.length;
	for(var i=0; i<len; i++){
		if((el[i].type=="checkbox") && (el[i].name.indexOf(name))!=-1)
			el[i].checked = true;
	}
}

function clearAll(name){
	var el = document.getElementsByTagName('input');
	var len = el.length;
	for(var i=0; i<len; i++){
		if((el[i].type=="checkbox") && (el[i].name.indexOf(name))!=-1)
			el[i].checked = false;

	}
}

//-->
</Script>

相关推荐

    编写基于Prototype的Javascript动画类

    5. **元素选择与操作**:Prototype提供了强大的DOM操作接口,如`$(selector)`选择元素,`Element.extend`扩展元素的方法等,可以方便地与动画类结合使用。 在提供的压缩包文件中,我们可以看到以下几个文件: - `...

    经典ajax.prototype.javascript实例

    至于`lytebox_v3.10`这个文件,它可能是一个图片或多媒体展示的JavaScript插件,与Ajax和Prototype库有关联,但具体使用方法需要查看该插件的文档。Lytebox通常用于创建一个轻量级的弹出窗口,显示图片、视频或其他...

    JavaScript中prototype的使用

    除了使用构造函数和`prototype`,JavaScript还提供了`Object.create()`方法来创建一个新对象并将其`__proto__`设置为指定的对象。此外,ES6引入的类(class)语法虽然更符合传统的面向对象编程风格,但在底层仍然...

    ajax.prototype.javascript实例打包下载

    描述中的"ajax.prototype.javascript实例打包下载"表明这个压缩包包含了一系列基于Ajax和JavaScript原型链(prototype)的代码示例,这些示例可能是各种功能的实现,如数据加载、用户交互等。 标签 "ajax"、...

    JavaScript各种使用例子

    这个资源包中的JavaScript例子可能是针对上述各个知识点的实战演示,通过直接复制粘贴到项目中,可以帮助开发者快速理解和应用这些概念。无论你是初学者还是经验丰富的开发者,这些实例都能为你提供宝贵的参考。学习...

    Prototype

    Prototype 是一个广泛使用的JavaScript库,设计目的是为了简化JavaScript的开发,尤其是处理DOM操作、AJAX交互以及事件处理等方面的工作。它通过提供一系列实用的工具函数和面向对象的特性,极大地提高了JavaScript...

    JavaScript使用prototype属性实现继承操作示例

    主要介绍了JavaScript使用prototype属性实现继承操作,结合实例形式详细分析了JavaScript使用prototype属性实现继承的相关原理、实现方法与操作注意事项,需要的朋友可以参考下

    javascript中类和继承(代码示例+prototype.js)

    本文将深入探讨JavaScript中的类和继承,并结合`prototype.js`文件中的示例进行解析。 ### 类的概念与模拟 在JavaScript中,我们通常使用函数来模拟类的行为。一个函数可以看作是一个类的定义,通过`new`关键字来...

    Prototype-1.6.0.2

    "Prototype-1.6.0.2" 是 Prototype JavaScript 框架的一个版本,这个框架在Web开发领域中被广泛使用,特别是在AJAX应用中。Prototype 提供了一系列强大的工具,帮助开发者更高效地操作和扩展JavaScript,使得在...

    prototype的使用

    在JavaScript中,`prototype`是一个非常重要的概念,它关乎到对象继承和函数的扩展。`prototype`是每个函数(在JavaScript中,函数也是对象)都具有的一个属性,用于实现对象间的原型继承。当我们谈论`prototype`时...

    prototype.js文件使用和讲解

    下面是一段使用`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 1.6.0.2.js+使用DEMO例子"的压缩包中,包含了该版本的核心库文件和相关示例,旨在帮助开发者更好地理解和应用Prototype。 首先,`prototype-1.6.0.2.js`是Prototype的核心脚本文件。这个文件包含...

    Prototype_1.4.doc,Prototype_1.5.1.chm 中文版

    Prototype是JavaScript库的名称,表明文件与JavaScript编程语言紧密相关,特别是使用Prototype库进行开发的部分。"中文版"标签进一步确认了这些文档是为中文用户设计的,降低了语言障碍,便于中文开发者学习和使用...

    prototype-1.6.0.2Javascript以及英文说明文档

    6. **特效与动画**:Prototype提供了一些内置的动画效果,如`Element.fade`和`Element.slide`,使得动态效果的实现更加方便。 7. **Selectors**:Prototype实现了类似CSS的选择器,允许开发者使用类似`$('myElement...

    prototype自己做的一个例子

    此外,`prototype`还与JavaScript的继承密切相关。我们可以通过设置一个函数的`prototype`为另一个函数的实例来实现继承: ```javascript function Student(name, grade) { Person.call(this, name); // 调用父类...

    prototype文件以及使用说明.rar

    在JavaScript中,`prototype`是一个非常重要的概念,它关乎到对象继承和函数的特性。`prototype`机制是JavaScript实现...如果你想要深入学习JavaScript的面向对象编程,理解和熟练使用`prototype`是必不可少的步骤。

    Prototype-v1.6.0一个javascript库

    Prototype是一个广泛使用的JavaScript库,它的主要目标是简化JavaScript的开发,提供了一系列强大的工具,让JavaScript编程更加高效和便捷。这里的"v1.6.0"指的是该库的一个特定版本,意味着它包含了自上一版本以来...

    Prototype-1.6.0 中文版\英文版\Prototype.js

    Prototype.js 是一个广泛使用的JavaScript库,它为JavaScript语言增加了许多实用的功能,使开发Web应用程序变得更加简单。这个压缩包包含了Prototype的1.6.0版本,包括中文版和英文版的文档,以及源代码文件。 首先...

    prototype小例子

    在这个"prototype小例子"中,我们将探讨这个核心机制以及如何使用它。 首先,我们理解`prototype`的基本作用。当我们在JavaScript中创建一个函数时,这个函数就自动获得了一个`prototype`属性。`prototype`对象包含...

Global site tag (gtag.js) - Google Analytics