参考资料：https://compdoc2cn.dev.java.net/prototype/html/prototype.js.cn.html#d0e82
prototype.js学习中...........
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'demo3.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript">
//-----------------ajax方法---------------------------------------------------------
function aa(){
new Ajax.Request(
"jsJsp/javaScript/demo4.jsp?name=aaaaaaaaaaaa",//只能为jsp或php?
{
method:"post",
// encoding: 'ISO-8859-1',
// parameters: 'updateDropDown=1&sender='+sender.id,
onComplete:function(xhr){
bb(xhr);
}
// asynchronous: true
}
);
}
function bb(str){
//var a= eval(xhr.responseText);
var s1=str.responseText;
alert(s1);
}
//----------------$()使用----------------------------------------------------------
function getID(){
var demo=$(butt);
demo.innerHTML="<input value=sdflkdfs>";
}
//----------------------$F()使用----------------------------------------------------
function getName(){
var getName=$F('butto');
alert(getName);
}
//-----------------$A()使用---------------------------------------------------------
function getfo(){
var someNodeList=$('sel').getElementsByTagName('option');
var nodes = $A(someNodeList);
nodes.each(function(node){
alert(node.nodeName + ': ' + node.innerHTML+"--"+node.value);
});
}
//--------------------------------------------------------------------------
</script>
</head>
<body>
prototype.js学习<br>
<input type="button" onclick="aa();" value="AJAX实现"><br>
<div onclick="getID();">$()用法;用来写节点
<div id=butt></div>
</div><br>
<input id=butto value="$F();用来取value值" onclick="getName();"><br>
<select id=sel onchange="getfo();">
<option value="0">$A()的用法</option>
<option value="11">1</option>
<option value="22">2</option>
<option value="33">3</option>
<option value="44">4</option>
<option value="55">5</option>
</select>
</body>
</html>
分享到：
相关推荐
《Prototype开发笔记》是关于JavaScript框架Prototype的一份详细文档，主要涵盖了该框架的基本概念、核心功能和使用方法。Prototype是一个由Sam Stephenson编写的JavaScript库，它的设计目标是提升Web应用的交互性和...
Prototype.js 的核心理念是提升JavaScript的开发体验，通过封装和优化常见任务，使开发者能够更专注于应用逻辑，而不是基础的DOM操作和事件处理。通过深入理解并运用Prototype库中的这些工具，开发者可以构建出高效...
prototype 开发笔记(html)，和chm文件类似格式 博文链接：https://boris-song.iteye.com/blog/234825
### prototype.js开发笔记 #### 1. Programming Guide ##### 1.1 Prototype是什么? Prototype.js 是一个由 Sam Stephenson 编写的 JavaScript 库。这款库以其优雅的设计和强大的功能著称，旨在帮助开发者构建高...
本笔记将深入探讨`Prototype`机制及其在实际开发中的应用。首先，我们从基本概念出发，理解`Prototype`的核心原理。 `Prototype`是JavaScript中每个对象所固有的特性，它为对象提供了继承的能力。在JavaScript中，...
万一你没有使用过大名鼎鼎的prototype.js，那么让我来告诉你，prototype.js是由Sam Stephenson写的一个javascript类库。这个构思奇妙，而且兼容标准的类库，能帮助你轻松建立有高度互动的web2.0特性的富客户端页面。...
【标题】：Prototype.js开发笔记 【描述】：本文档主要涵盖了Prototype.js库的编程指南，包括其核心概念、通用方法、Ajax对象以及对JavaScript原生类型和DOM对象的扩展。Prototype.js是一个由Sam Stephenson编写的...
1.1. Prototype是什么? 1.2. 关联文章 1.3. 通用性方法 1.3.1. 使用 $()方法 1.3.2. 使用$F()方法 1.3.3. 使用$A()方法 1.3.4. 使用$H()方法 1.3.5. 使用$R()方法 1.3.6. 使用Try.these()方法 1.4. Ajax 对象 1.4.1....
Prototype.js开发笔记 Prototype.js是一个JavaScript库，由Sam Stephenson编写，用于简化JavaScript编程，提供了许多有用的函数和方法，以帮助开发者快速构建Web应用程序。下面是Prototype.js的开发笔记，涵盖了该...
在本篇"prototype笔记(9)----结合Prototype和JSON开发AJAX"中，我们将深入探讨如何利用Prototype JavaScript库与JSON（JavaScript Object Notation）技术来高效地开发异步JavaScript应用程序，也就是我们常说的AJAX...
### Prototype学习笔记（最新整理） #### 1. Prototype是什么？ Prototype是一个由Sam Stephenson编写的JavaScript库，旨在简化客户端脚本编程，使开发者能够轻松创建动态的、交互式的Web应用程序。该库通过提供一...
1.1. Prototype是什么? 或许你还没有用过它， prototype.js 是一... 我想当我学习他的时候记写笔记然后分享给其他人将会很不错。 <br/>我也一起提供了这个包的对象，类，方法和扩展的 非官方参考 。 <br/>