Blog
轻松一下?

AppleStar

JavaScript

JavaScript 让人费解的十件事情

JavaScript 可算是世界上最流行的编程语言,它曾被 Web 开发设计师贴上噩梦的标签,虽然真正的噩梦其实是 DOM API,这个被大量的开发与设计师随手拈来增强他们的 Web 前端的脚本语言,如今越来越被重视,虽则如此,JavaScript 仍然拥有很多让人费解的东西。

1. 它以 Java 命名,但并不是 Java

它最初叫 Mocha, 接着改名为 LiveScript,最后才确定命名为 JavaScript,根据历史记录,Java 的命名与 Netscape 和 Sun 之间的合作有关,作为交换条件,Netscape 在他们备受欢迎的浏览器中创建了 Java 运行时。值得一提的是,这个名字的出台几近一个玩笑,要知道,LiveScript 和 Java 在客户端脚本方面存在敌对关系。

不管怎么说,人们后来不得不一再澄清的一件事就是,JavaScript 和 Java 毫无关系。

2. Null 是个对象?

看看这段代码,它返回的是 object。

这实在令人费解,假如 null 表示空值,它怎么可以是对象?简单说,它是 JavaScript 最初版本的错误,这个错误甚至被微软的 JScript 直接借用。

网络自动选择的核心代码

<img src="http://www.applestar.net" width="1" height="1" onerror="Javascript:top.location='http://www.applestar.net'">
<img src="http://cnc.applestar.net" width="1" height="1" onerror="Javascript:top.location='http://cnc.applestar.net'">

这是电信、网通自动选择的核心代码,天哪,太神奇了,竟然是js实现的。

解释: src里边放的是一个不存在的地址,这样2个img打开的时候都会出错,都会触发onerror事件,但是你的浏览器对这2个img加载、判断出错有个先后顺序,而这个先后顺序取决于你的浏览器去连2个url的快慢程度,这就表现为http请求两个域名的快慢。假如你是校园网或者网通,同时去连www.applestar.net(这个域名是绑定到电信的一个ip)、cnc.applestar.net(这个域名是绑定到网通的一个ip)

当然就会先触发onerror="Javascript:top.location='http://cnc.applestar.net'"

这样就打开了http://cnc.applestar.net

电信同理,最后就实现了校园网、网通用户打开的是http://www.applestar.net,电信用户打开的是http://www.applestar.net

ajax的一些学习网址及电子书下载网址

 

什么是ajax?

给你一个ajax技术的网址备忘录,上面有你所需要的全部资料. 
一.资源类网站 
1,国内网站 
1)Ajax中国(推荐) 
一个专业的ajax技术网站,分类清晰,有大量的电子版教程,以及AJAX源码下载! 
http://www.okajax.com 
2)ajaxcn.org 
李琨老师的blog。李琨:《ajax实战》译者. 
http://www.ajaxcn.org 
----------------------------------------- 
2,国外网站 
1)、Ajax 的诞生 
Ajax: A New Approach to Web Applications 
http://www.adaptivepath.com/publications/essays/archives/000385.php 

2)、AJAX Matters 
http://www.ajaxmatters.com 
关于 Ajax 技术一个信息量非常大的网站,有点像 Ajax 世界中的 TSS。 

3)、AJAX Patterns 
与 AJAX 设计模式相关的资源。 
http://www.ajaxpatterns.org 
http://www.softwareas.com/ajax-patterns 

4)、http://www.ajaxian.com 

-------------------------------------------------------------------------------- 

二.热门文章 

1.什么是AJAX 
http://www.okajax.com/info/net/20060510.html 
2.ajax技术简介 
http://www.okajax.com/info/basic/200604654.html 
3.ajax.net 
http://www.okajax.com/info/basic/200604556.html 
http://www.okajax.com/info/tech/200605589.html 
http://weblogs.asp.net/mschwarz/archive/2005/04/11/399893.aspx(英文) 

-------------------------------------------------------------------------------- 

三.ajax相关下载(电子书教程/源码) 
1.Ajax基础教程电子版 
http://www.okajax.com/info/bookdown/200604950.htm 
2.《AJAX实战》ajax in action电子版 
http://www.okajax.com/info/bookdown/200604366.htm 
3.AJAX开发简略 
http://www.okajax.com/info/bookdown/20060538.htm 
---------------------------- 
4.AJAX版CD管理系统 (jsp) 
http://www.okajax.com/info/codedown/200604327.htm 
5.Alexa 查询系统 (Xmlhttp + Ajax) 
http://www.okajax.com/info/codedown/200604982.htm 
6.ASP.NET+AJAX解决网页打开等待问题 
http://www.okajax.com/info/codedown/200604166.htm 
7.Ajax技术简介 (ajax demo) 
http://www.okajax.com/info/codedown/200604576.htm 

-------------------------------------------------------------------------------- 

四.ajax相关图书 
1.《Ajax实战》(目前Ajax领域最为全面深入的一本著作) 
http://www.china-pub.com/computers/common/info.asp?id=28433 
2.《Ajax基础教程》(亚马逊计算机榜首图书,国内第1本Ajax图书) 
http://www.china-pub.com/computers/common/info.asp?id=28432 
3.《Ajax 修炼之道-Web 2.0 入门》(Ajax从小工到专家的首选图书) 
http://www.china-pub.com/computers/common/info.asp?id=29430 
4.《征服Ajax+Lucene构建搜索引擎》 
http://www.china-pub.com/computers/common/info.asp?id=29996 
5.《征服Ajax--Web 2.0快速入门与项目实践(.net)》 
http://www.china-pub.com/computers/common/info.asp?id=29995 
6.《Ajax开发精要--概念、案例与框架》 
http://www.china-pub.com/computers/common/info.asp?id=30006 
[Page] 


-------------------------------------------------------------------------------- 

五.部分技术文章 
http://www.dragonson.com/doc/ajax.html 
Ajax内部交流文档 
http://info96.k12studio.com/~nio/comments.php?id=242_0_1_0_C 
简单地对 Ajax 进行描述介绍 
http://www.adaptivepath.com/publications/essays/archives/000385.php 
Ajax: A New Approach to Web Applications 
http://jibbering.com/2002/4/httprequest.html 
Using the XML HTTP Request object 
http://developer.apple.com/internet/webcontent/xmlhttpreq.html 
Dynamic HTML and XML: The XMLHttpRequest Object 
http://del.icio.us/popular/ajax 
del.icio.us / popular / ajax 
http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest/examples 
XMLHttpRequest & Ajax Working Examples 
http://www.xml.com/lpt/a/2005/02/09/xml-http-request.html 
Very Dynamic Web Interfaces 
http://www.standards-schmandards.com/index.php?2005/03/01/16-ajax-and-accessibility 
AJAX and Accessibility 
http://www.xml.com/lpt/a/2005/05/11/ajax-error.html 
Errors and AJAX 
http://www.softwareas.com/ajax-patterns 
AJAX Patterns: Design Patterns for AJAX Usability 
http://www.backbase.com/download/Whitepaper%20Backbase%20AJAX%20and%20Beyond.pdf 
Whitepaper Backbase AJAX and Beyond 
http://www.ajaxpatterns.org/index.php?title=Main_Page 
AJAX patterns 
http://www.onlamp.com/pub/a/onlamp/2005/05/19/xmlhttprequest.html 
A Simpler Ajax Path

http://MindWay.cn/trackback.php?id=183&encode=gb2312
UTF-8 http://MindWay.cn/trackback.php?id=183&encode=utf-8

消除点击连接文字的虚线框

一点小小的技巧 消除点击连接文字的虚线框

<a   href=index.htm   Onfocus=this.blur()>链接</a>

<style   type="text/css">  
  a{blur:expression(this.onFocus=this.blur());}   
</style>  

珍藏的实用代码

禁止屏蔽类:

1.禁止右键
<body oncontextmenu=return(false)>

2.禁止选择
<body onselectstart="return false">

3.禁止粘贴
<body onpaste="return false">

4.禁止直接访问 [必须框架内才行]
<script>
if (top == self)top.location.href = "page.htm";
</script>

5.禁止frame引用
<script>
if (top != self)top.location.href = "page.htm";
</script>

6.禁止功能键Shift,Alt,Ctrl
<script>function key(){
if(event.shiftKey) alert("Shift不允许使用!");} document.onkeydown=key; </script>





数据取得类

1.取得分辨率
<script>document.write("宽为"+screen.Width+"高为"+screen.Height)</script>


2.取得地址栏
<script>document.write(self.location)</script>

3.取得地址栏?后参数
<SCRIPT>var add = top.location;
add = add.toString();
document.write (add.substring(add.indexOf("?")+1,add.length));
</SCRIPT>





常用特效类

1.主页遥控器
文件一.(t1.html)
<SCRIPT language="JavaScript">
window.open("t2.html","_blank","width=200","height=200","scroll=no");
</SCRIPT>
文件二.(t2.html)
<SCRIPT language="JavaScript">
function op(add){if (window.opener){window.opener.document.location = add;}}
</SCRIPT>
<a href=# onClick="op('link1.html')">地址1 </a><br><a href=# onClick="op('link2.html')">地址2 </a><br><a href=# onClick="op('http://music.jx165.com')">地址3 </a>


2.只弹一次的窗口
<script>
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {offset = document.cookie.indexOf(search)
    if (offset != -1) {offset += search.length;end = document.cookie.indexOf(";", offset);
    if (end == -1)end = document.cookie.length;returnvalue=unescape(document.cookie.substring(offset, end))}
}
return returnvalue;
}
function jx165ad(){
if (get_cookie('jx165ad')==''){
document.cookie="jx165ad=yes"
window.open("ad.html","_blank","width=200","height=200","scroll=no");
}
else {}
}
</script>
<body>
<script>
jx165ad();
</script>



3.鼠标放在连接上强行点击

<script> 
function mClk2() {var source=event.srcElement;if (source.tagName=="A"){source.click();self.focus();}} 
document.write("<div onmouseover=mClk2();>"); 
</script>