<%@
page
language
=
"java"
import
=
"java.util.*"
pageEncoding
=
"UTF-8"
%>
<%
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 'index.jsp' starting page
</
title
>
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<
script
type
=
"text/javascript"
>
//JS对象定义和使用
//四种方式
//方式一：有参构造函数方式
function
Person(name,age){
this
.name = name;
this
.age = age;
this
.eat =
function
(){
alert(name+
"吃！"
);
}
}
/* var p = new Person("左莫",22);
alert(p.name);
alert(p.age);
p.eat(); */
//方式二：使用无参构造函数方式
function
Person(){
}
//创建对象
/* var p = new Person();
p.name="左莫";
p.age="21";
p.eat = function(){
alert(name+"吃！");
}
alert(p.name);
alert(p.age);
p.eat();
*/
//方式三：使用内置对象创建对象
var
p =
new
Object();
//Object是JS内置对象
/* p.name="左莫";
p.age="21";
p.eat = function(){
alert(name+"吃！");
}
alert(p.name);
alert(p.age);
p.eat();
*/
//方式四：使用字面量(json格式)形式创建对象
//语法：
// {}: 代表创建一个对象
var
p = {
name :
"穆雪"
,
age : 18,
eat :
function
(){
alert(
this
.name+
"在玩~"
);
}
}
alert(p[i]);
} */
//事件编程
//方式一：直接在标签上绑定事件
function
show(){
alert(
"触发了show()"
);
}
//绑定onload事件: onload是在整个网页加载完毕之后的才触发的这个函数
window.onload =
function
(){
//方式二：
var
btn = document.getElementById(
"btn"
);
//绑定事件到函数
btn.onclick =
function
(){
alert(
"单击！"
);
}
}
</
script
>
</
head
>
<
body
>
<
input
type
=
"button"
id
=
"btn"
value
=
"事件按钮"
onclick
=
"show()"
/>
</
body
>
</
html
>
原文链接：https://www.f2er.com/ajax/161859.html