<html>
<head>
<title>JavaScript</title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta http-equiv="Access-Control-Allow-Origin" content="*" />
<script type="text/javascript">
function jQueryOBJ(elem) {
this.elem = elem;
}
jQueryOBJ.prototype = {
css : function(key, value) {
this.elem.style[key] = value;
return this;
},
hide:function() {
this.elem.style["display"] = "none";
return this;
},
show:function() {
this.elem.style["display"] = "block";
return this;
},
attr:function(key) {
return this.elem[key];
}
}
var $$ = function(idString) {
var elem = document.getElementById(idString);
var JOB = new jQueryOBJ(elem);
return JOB;
}
function init() {
$$("ok").css("border", "2px red solid").show();
//alert($$("ok").attr("id"));
}
</script>
<!-- OO -->
<script type="text/javascript">
var StringTools = new Object;
StringTools._strings = new Array();
StringTools.append = function (str) {
this._strings.push(str);
return this;
};
StringTools.toString = function () {
return this._strings.join("");
};
var result = StringTools.append("hello ").append("world!").toString();
//alert(result);
</script>
<script type="text/javascript">
var doFun = new Function ("iNum","alert(iNum+10)");
//doFun(10);
function callAnotherFunc(fnFunction, vArgument) {
fnFunction(vArgument);
}
//callAnotherFunc(doFun, 20);
</script>
</head>
<body>
<br /><br /><br /><br />
<input type="button" value="show" onclick="init()"/>
<br />
<div id="ok" style="display:none;">fuck world!</div>
<div id="myDiv">12</div>
<!-- Ajax -->
<script type="text/javascript">
var xmlhttp;
if(window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}else {// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function(){
if (xmlhttp.readyState==4 && (xmlhttp.status == 0 || xmlhttp.status == 200)){
document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET","test1.txt",true);
xmlhttp.send();
</script>
</body>
</html>
分享到:
相关推荐
Javascript 面向对象的JavaScript进阶 Javascript技术
JavaScript作为一门浏览器语言的核心思想;面向对象编程的基础知识及其在... 《JavaScript面向对象编程指南》着重介绍JavaScript在面向对象方面的特性,展示如何构建强健的、可维护的、功能强大的应用程序及程序库
《JavaScript面向对象编程指南》内容包括:JavaScript作为一门浏览器语言的核心思想;面向对象编程的基础知识及其在JavaScript中的运用;数据类型、操作符以及流程控制语句;函数、闭包、对象和原型等概念,以代码...
面向对象编程的基础知识及其在JavaScript中的运用;数据类型、操作符以及流程控制语句;函数、闭包、对象和原型等概念,以代码重用为目的的继承模式;BOM、DOM、浏览器事件、AJAX和JSON;如何实现JavaScript中缺失的...
面向对象(Object Oriented,OO),注重的是一个个的对象,这些对象各司其职,我们只需发号施令,即可指挥这些对象帮我们完成任务。 6.1.1 面向过程与面向对象 1、概念 2、面向过程与面向对象的优缺点 优点 缺点 ...
面向对象JavaScript开发,讲述了最新的Javascript面向对象特性,以及如何使用JavaScript进行面向对象程序开发。
javascript贪吃蛇(面向对象)
从一个整体的角度来说明一下Javascript的面向对象的编程。
JavaScript面向对象精要(英文版)JavaScript面向对象精要(英文版)JavaScript面向对象精要(英文版)JavaScript面向对象精要(英文版)JavaScript面向对象精要(英文版)JavaScript面向对象精要(英文版)
NULL 博文链接:https://goyourauntie.iteye.com/blog/1179204
原型是理解继承概念的关键, 我们将会教你如何建立原型, 如何检测一个对象是否是另外一个对象的原型, 及其 JavaScript 的模型与Java 面向对象编程之间的区别。我们同样会向你展示如何检测对象所包含的各种属性的方法...
JavaScript语言与Ajax应用JavaScript面向对象编程.pptx
传统方式对JavaScript的应用基本上是基于过程模型的,若在JavaScript中利用面向对象的思想进行代码编写,将会使得代码具有良好的结构和逻辑性,更便于管理和维护。本文让读者看到JavaScript如何实现面向对象编程并...
JavaScript学习深入—面向对象编程,很不错的一本书。
ajax通用脚本是利用了面向对象的编程用javascript代码把把ajax主要的方法封装好,用的时候只要先set后get就行啦,比框架还容易用,只有一个js文件,导入来就可以用啦,里面还带了一个例子,学过编程的朋友一看就会.....