AJAX 事件编程和对象定义和使用

发布时间：2020-12-16 01:29:38 所属栏目：百科来源：网络整理

导读：%@ page language = "java" import = "java.util.*" pageEncoding = "UTF-8" % % String path = request.getContextPath(); String basePath = request.getScheme()+ "://" +request.getServerName()+ ":" +request.getServerPort()+path+ "/" ; % ! DOCTYPE

<%@ 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 >

< 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" >

<!--

-->

< 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+ "在玩~" );

}

//遍历对象的属性和方法

/* for(var i in p){ // i是对象的属性名称和方法名称，p[i]：获取对象的属性值和方法内容

alert(p[i]);

} */

//事件编程

//方式一：直接在标签上绑定事件

//1.定义函数 2,直接在标签上使用onXXX属性绑定事件到函数中

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 >

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!