Prototype框架学习

最新推荐文章于 2024-10-11 17:39:47 发布

zhangpeng_sun

最新推荐文章于 2024-10-11 17:39:47 发布

阅读量100

点赞数

分类专栏： Prototype框架文章标签： javascript java ViewUI

Prototype框架专栏收录该内容

5 篇文章 0 订阅

订阅专栏

今天和朋友一起看了下prototype 感觉不错.顺便我也看了下书.Prototype.js不仅是一个AJAX框架.更是一个JS库.
一:首先下载Prototype.js
二:安装Prototype---->其实Prototype.js是一个即插即用的JavaScript类库.只需我们在开发时引入到WEB页面.
我们开始Prototype的路程了。。。哈哈。。。。
三:首先引入一个JAVASCRIPT类库

<Script src = "Prototype.js"></Script>
让我们来感受Prototype.js给我们带来的方便吧...
<%@ page language="java" import="java.util.*" contentType="text/html; charset=gbk"%>
<%
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%>">

<script type="text/javascript" src="prototype-1.4.0.js">
</script>

<script type="text/javascript">
function clickHandler(){

$("out").innerHTML = "使用prototype.js";
}
</script>

<script type="text/javascript">
function clickHandler1(){
$("out").innerHTML = $("name1","name2").first().value;
}

</script>
<title>prototype学习</title>

</head>

<body>

<input id="name1" name="name1" type="text" value="第一个文本框">
<input id="name2" name="name2" type="text" value="第二个文本框">
<input οnclick="clickHandler()" type="button" value="按钮">
<input οnclick="clickHandler1()" type="button" value="多个参数">

<div id="out"></div>
</body>
</html>