<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>
分享到：
相关推荐
deferred对象的另一个优势是它不仅仅局限于ajax操作，还可以用于普通的JavaScript操作。这意味着任何操作都可以通过deferred对象来指定回调函数，无论是异步还是同步操作。比如，对于一个耗时的操作，可以这样使用：...
ES6引入了类（class）语法，使得JavaScript的面向对象编程更加直观，但实质上仍然是基于原型的。 JavaScript的异步编程通常依赖于回调函数、Promise和async/await。回调函数是处理异步操作的基本方式，但可能导致...
此外，ES6的类语法是对原型机制的一种语法糖，提供了更接近传统面向对象语言的写法。 事件驱动是JavaScript的一大特点，通过监听和响应用户的交互或浏览器的事件，实现页面的动态效果。事件包括鼠标事件、键盘事件...
- AJAX（Asynchronous JavaScript and XML）：通过`XMLHttpRequest`对象实现异步数据交换，使网页可以不刷新页面的情况下更新部分内容。 ### JavaScript 方法 JavaScript包含许多内置方法，用于操作数据和控制流程...
理解回调函数的原理和陷阱，以及如何使用Promise进行错误处理和链式调用，以及async/await的同步写法，将有助于编写更优雅的异步代码。 AJAX（Asynchronous JavaScript and XML）是用于创建动态网页的关键技术，它...
3. 类（ES6）：JavaScript的类语法是基于原型的，但提供了更接近传统面向对象语言的语法糖。 五、异步编程 1. 回调函数：处理异步操作的常见方式，但可能导致回调地狱问题。 2. Promise：ES6引入的Promise对象...
原型链是JavaScript实现继承的主要机制，每个对象都有一个`__proto__`属性，指向其构造函数的原型对象。 JavaScript中的控制流语句包括条件语句（如`if...else`）和循环（如`for`、`while`和`do...while`）。此外，...
2. Promise：ES6引入的Promise对象用于解决异步操作，提供了一种链式调用的方式。 3. async/await：基于Promise，使得异步代码更接近同步的写法。 五、事件驱动 JavaScript的事件驱动模型是Web开发的关键，通过事件...
JavaScript回调函数是JavaScript异步编程的核心机制之一，它在处理事件、网络请求、定时任务等方面发挥着重要作用。本文将深入探讨JavaScript回调函数的概念、特点、使用场景以及面试中常见的问题。 **1. 回调函数...
JavaScript是一种广泛应用于网页和互联网应用的脚本语言，它主要负责客户端的动态交互，使得网页内容可以实时更新、用户交互更加便捷。这份“JavaScript快速查询手册”旨在提供一个全面而实用的JavaScript知识点概览...
- 数组：JavaScript的数组是一种特殊的对象，可以存储多个值。可以使用`[]`创建，`push`、`pop`、`shift`、`unshift`等方法进行操作。 - 集合：ES6引入了Set和Map，Set用于存储不重复值，Map用于键值对存储。 4. ...
JavaScript是一种广泛应用于网页和网络应用的编程语言，尤其在客户端脚本方面，它的重要性不言而喻。"Javascript常用实例"这个主题包含了JavaScript的各种实际应用和流行特效，旨在帮助开发者更好地理解和掌握...
1. **链式写法**：使用deferred对象，AJAX操作可以采用链式写法，提高代码可读性。例如： ```javascript $.ajax("test.html") .done(function() { alert("成功！"); }) .fail(function() { alert("失败！"); }); ...
JavaScript是一种广泛应用于网页和网络应用的脚本语言，由Netscape公司的Brendan Eich在1995年创造，起初命名为LiveScript。它主要被用来为网页添加交互性，处理用户输入，操作DOM（Document Object Model），以及与...
例如，在进行ajax操作时，传统写法可能使用success和error回调方法来处理响应，而在使用deferred对象后，可以使用done()和fail()方法替代，同时还可以链式调用更多方法。示例代码如下： ```javascript $.ajax("test...
在对比layui与JavaScript（包括jQuery）的写法时，我们可以从以下几个方面进行探讨： 1. **HTML结构**： - **jQuery**：在jQuery中，HTML结构通常更加简洁，因为jQuery提供了一系列便利的DOM操作方法，如`$...
JavaScript语法与Java相似，但两者并非同一语言，JavaScript主要用于客户端的脚本语言，而Java则为面向对象的服务器端语言。 在"JSGuide:JavaScript指南"中，我们可以深入学习JavaScript的基础知识、核心概念以及...
4. **原型与继承**：JavaScript采用原型链实现对象继承，每个对象都有一个`__proto__`属性指向其构造函数的原型。通过`prototype`属性可以修改对象的原型，实现方法的共享。ES6引入的类（class）语法糖，提供了更...
在JavaScript中，API（Application Programming Interface）是一系列预先定义的函数、对象和方法，允许开发者通过调用来执行特定任务。这些API可以是浏览器提供的，如DOM（Document Object Model）操作、AJAX异步...
JavaScript是一种广泛应用于网络开发的脚本语言，主要在客户端运行，为用户提供动态、交互式的网页体验。它由Brendan Eich在1995年为Netscape Navigator浏览器开发，起初命名为Mocha，后来改名为LiveScript，最终在 ...