摘要:
Native JavaScript Functions (Math, Array And String)One thing that amazed me is how much easier my life got once I read up thoroughly on the math and string functions of JavaScript. You can use these to avoid a lot of looping and conditions. For example, when I had the task of finding the largest nu 阅读全文
随笔分类 - web---JavaScript
js Image对象 及rollover效果
2012-09-18 23:42 by youxin, 657 阅读, 收藏,
摘要:
The JavaScript Image Object is a property of the document object.The Image object represents an embedded image.For each tag in an HTML document, an Image object is created.Notice that images are not technically inserted into an HTML page, images are linked to HTML pages. The tag creates a holding .. 阅读全文
javascript 图像预载入和如何判断图片是否加载完成
2012-09-18 23:04 by youxin, 1362 阅读, 收藏,
摘要:
很多high-res图像真的可以使 Web 站点更加整洁。但是它们也会使站点的访问速度变慢——图像是文件,文件使用带宽,带宽直接与等待时间相关。是该了解如何通过一个叫做图像预载入(preloading)的技巧来提高 Web 站点的访问速度的时候了。图像预载入对于浏览器载入图像来说,只有在对图像发送一个 HTTP请求之后,它们才会被浏览器载入,对图像的 HTTP 请求要么使用 <img> 标记,要么通过方法调用实现。如果使用 JavaScript 脚本来处理在 mouseover 事件时交换图像,或者在一段时间之后自动更改图像,那么在从服务器获取图像时可能要等上几秒钟到几分钟的时间。如果使用一个 阅读全文
javascript Frame和IFrame
2012-09-17 12:35 by youxin, 1265 阅读, 收藏,
摘要:
Frames is an old-school way to split a browser window in several zones, so calledframes, where each frame behaves as a separate window.Basic (grandpa’s) framesThe HTML for basic frames could look like this:<HTML> <FRAMESET cols="20%, 80%"> <FRAME src="left.html"> 阅读全文
回车和换行的区别
2012-09-16 23:19 by youxin, 381 阅读, 收藏,
摘要:
回车符号和换行符号产生背景: 关于“回车”(carriage return)和“换行”(line feed)这两个概念的来历和区别。在计算机还没有出现之前,有一种叫做电传打字机(Teletype Model 33)的玩意,每秒钟可以打10个字符。但是它有一个问题,就是打完一行换行的时候,要用去0.2秒,正好可以打两个字符。要是在这0.2秒里面,又有新的字符传过来,那么这个字符将丢失。 于是,研制人员想了个办法解决这个问题,就是在每行后面加两个表示结束的字符。一个叫做“回车”,告诉打字机把打印头定位在左边界;另一个叫做“换行”,告诉打字机把纸向下移一行。这就是“换行”和“回车”的来历,从它们.. 阅读全文
JSon和object literal 区别
2012-09-16 21:56 by youxin, 1085 阅读, 收藏,
摘要:
JSON格式及其简单,它只是数组和对象直接量的混合写法,看一个JSON字符串的例子:{"name": "value", "some": [1, 2, 3]}JSON和对象直接量在语法上的唯一区别是,合法的JSON属性名均用引号包含。而在对象直接量中,只有属性名是非法的标识符时采用引号包含,比如,属性名中包含空格{"first name": "Dave"}。在JSON字符串中,不能使用函数和正则表达式直接量。是不是JSON: {“name”: ”tonny”} 上面的表示是JSON么,它可以是对象 阅读全文
转:javascript null和undefined 区别
2012-09-16 20:47 by youxin, 300 阅读, 收藏,
摘要:
首先说:null和undefinednull属于对象(object)的一种,意思是该对象为空;undefined则是一种数据类型,表示未定义。 typeof null; // object typeof undefined; // undefined两者非常容易混淆,但是含义完全不同。 var foo; alert(foo == null); // true alert(foo == undefined); // true alert(foo === null); // false alert(foo === undefined); // true声明但未定义为undefine... 阅读全文
javascript document.writeln为什么没有换行
2012-09-16 20:22 by youxin, 3458 阅读, 收藏,
摘要:
我们知道document.writeln()会输出new line,可是在浏览器中我们查看时却始终没有换行:document.writeln('hello');document.writeln('world');输出hello world.实际上,document.writeln()是输出了new line的,只不过当浏览器在渲染renderinghtml时把新行显示为一个空格了。我们可以这样验证: document.write('<pre>'); document.writeln('hello');document. 阅读全文
转:全面理解javascript的caller,callee,call,apply概念
2012-09-16 20:08 by youxin, 342 阅读, 收藏,
摘要:
javascript中函数的隐含参数:argumentsArguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的 Function对象的名字。 n:选项。要传递给 Function对象的从0开始的参数值索引。 说明Arguments是进行函数调用时,除了指定的参数外,还另外创建的一个隐藏对象。Arguments是一个类似数组但不是数组的对象,说它类似数组是因为其具有数组一样的访问性质及方式,可以由arguments[n]来访问对应的单个参数的值,并拥有数组长度属性length。还有就是argumen 阅读全文
js回到顶部
2012-09-15 18:45 by youxin, 382 阅读, 收藏,
摘要:
1,使用瞄标记使用HTML锚标记最简单,就是看起来有点不好看,点击后会在地址栏显示这个锚标记,其它的倒没什么。页面顶部放置:<a name="top" id="top"></a>放置位置在<body>标签之后随便找个地方放都可以,只要靠近顶部即可。页面底部放置:<a href="#top" target="_self">返回顶部</a>使用window.scrollTo(x,y) 绝对定位window.scrollBy(dx,dy)相对定位scrollTo 阅读全文
精通javascript:面向对象的js
2012-09-06 11:33 by youxin, 328 阅读, 收藏,
摘要:
javascript 引用reference是一个指向对象实际位置的指针。The premise is that a physicalobject is never a reference. A string is always a string; an array is always an array. However,multiple variables can refer to that same object. It is this system of references that JavaScriptis based around. By maintaining sets of r 阅读全文
document.images 应用
2012-09-03 20:32 by youxin, 318 阅读, 收藏,
摘要:
一个脚本,获取document的所有图形。// JavaScript Document<h1>darg this tool</h1><a href="javascript:var x='';for(var i=0;i<document.images.length;i++){ x+='<img src='+document.images[i].src+' /><br/>'; }if(x!=''){ document.write('<center> 阅读全文
js Cannot call method 'appendChild' of null
2012-09-03 13:14 by youxin, 945 阅读, 收藏,
摘要:
<!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- 阅读全文
javascript同源策略
2012-09-02 21:20 by youxin, 2495 阅读, 收藏,
摘要:
一.什么是同源策略 同源策略,它是由Netscape提出的一个著名的安全策略,现在所有的可支持javascript的浏览器都会使用这个策略。 为什么需要同源策略,这里举个例子: 假设现在没有同源策略,会发生什么事情呢?大家知道,JavaScript可以做很多东西,比如:读取/修改网页中某个值。恩,你现在打开了浏览器,在一 个tab窗口中打开了银行网站,在另外一个tab窗口中打开了一个恶意网站,而那个恶意网站挂了一个的专门修改银行信息的JavaScript,当你访问 这个恶意网站并且执行它JavaScript时,你的银行页面就会被这个JavaScript修改,后果会非常严重!而同源策略... 阅读全文
javascript和php传递数据
2012-09-02 21:13 by youxin, 7850 阅读, 收藏,
摘要:
1、php直接向JavaScript传递参数变量值本质,php向客户端显示第一变量值,为JavaScript代码,然后JavaScript代码发生作用。$one =1;alert();有时候会用这种形式。 举一个简单的例子来说明:如在页面a.html中用下面这句调用: 在b.php中有这样一段PHP代码: 当执行a.html文件时,就会调用b.php文件,并将b.php文件的输出作为JS语句来执行,所以此处会弹出一个提示框,内容为JS变量jstext的值,也就是在PHP文件中赋给jstext的值.小结: 在HTML里用JS 调用文件的方式调PHP文件,则PHP文件的输出将会被调用页... 阅读全文
ajax cross-domain 跨域问题
2012-09-02 20:18 by youxin, 1493 阅读, 收藏,
摘要:
THE SCRIPT TAG HACKSecurity restrictions prevent us from using XMLHttpRequest to access anydomain other than the one serving up the JavaScript file being executed. Thismeans we can’t access remote servers like this:js文件所在域名 www.a.comXMLHttpRequest请求域名 www.b.com是不行的。 同源策略,它是由Netscape提出的一个著名的安全策略。现... 阅读全文
js document.write 总结
2012-09-02 16:02 by youxin, 506 阅读, 收藏,
摘要:
hat document.write statements must be run before the page finishes loading. This means that they must be either in the body of the page or in functions called from the body of the page. So the following is acceptable:<script type="text/javascript">function w1() {document.write('h 阅读全文
ajax post 方法
2012-09-02 15:49 by youxin, 360 阅读, 收藏,
摘要:
一般情况下,使用Ajax提交的参数多是些简单的字符串,可以直接使用GET方法将要提交的参数写到open方法的url参数中,此时send方法的参数为null。例如 :var url = "login.jsp?user=XXX&pwd=XXX";xmlHttpRequest.open("GET",url,true);xmlHttpRequset.send(null);此外,也可以使用send方法传递参数。使用send方法传递参数使用的是POST方法,需要设定Content-Type头信息,模拟HTTP POST方法发送一个表单,这样服务器才会知道如何 阅读全文
转:javascript对json操作讲解
2012-09-02 14:21 by youxin, 344 阅读, 收藏,
摘要:
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不需要任何特殊的 API 或工具包。本文主要是对JS操作JSON的方法做下总结。在JSON中,有两种结构:对象和数组。 1. 一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间使用“,”(逗号)分隔。 名称用引号括起来;值如果是字符串则必须用括号,数值型则不需要。例如: var o={ 阅读全文
浙公网安备 33010602011771号