在js中创建自己定义的对象和变量还有方法
2015-08-25 15:55
465 查看
1.先创建一个obj.js的文件在js中编写对象
var obj = new Object;//创建对象
obj.name="jxy";//对象的变量
obj.age="25";//对象的变量
obj.shows=function(){
//变量的方法里面可以定义一下方法体
alert(obj.color);
alert(this.age);
}
2.在html 页面中获取到对象
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div id="div1" class="div1" style="width:100px; height:100px;">
点击我
</div>
<script src="js/Obj.js"></script>
<script>
$(document).ready(function(e) {
$("#div1").click(function(){
var tts=obj();
tts.showColor();
});
});
</script>
</body>
</html>
var obj = new Object;//创建对象
obj.name="jxy";//对象的变量
obj.age="25";//对象的变量
obj.shows=function(){
//变量的方法里面可以定义一下方法体
alert(obj.color);
alert(this.age);
}
2.在html 页面中获取到对象
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div id="div1" class="div1" style="width:100px; height:100px;">
点击我
</div>
<script src="js/Obj.js"></script>
<script>
$(document).ready(function(e) {
$("#div1").click(function(){
var tts=obj();
tts.showColor();
});
});
</script>
</body>
</html>
相关文章推荐
- cJSON库使用教程
- js中数组(Array)的排序(sort)注意事项
- JavaScript File API应用——如何设计和实现Ajax文件上传组件
- Canvas:使用JavaScript进行基本图形操作与处理
- Js学习笔记(一)
- JS实现灵巧的下拉导航效果代码
- jsp使用ajax技术与后台通信
- 纯手写的 javascript 万年历控件,复制代码就可以用
- JavaScript面向对象编程学习笔记
- js实现手机网页滑动
- js 多语言
- Json 入门例子【2】
- (1)js 获取当前日期 前N天或者后N天日期 且可指定格式 如yyyy-mm-dd等
- 【JavaScript基础知识】——对象和数组
- 原生js(form)验证,可以借鉴下思路,应用到工作中
- json数据传递
- 数据传输---json
- js实现的tab标签切换效果代码分享
- js特效之_滚动标题
- JavaScript实现向右伸出的多级网页菜单效果