热门标签： c c# c++ asp asp.net linux php jsp java vb Python Ruby mysql sql access Sqlite sqlserver delphi javascript Oracle ajax wap mssql html css flash flex dreamweaver xml

最新文章 : javascript

Javascript闭包（Closure）

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。
下面就是我的学习笔记，对于Javascript初学者应该是很有用的。
一、变量的作用域
要理解闭包，首先必须理解Javascript特殊的变量作用域。
变量的作用域无非就是两种：全局变量和局部变量。
Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。
　　var n=999;
　　function f1(){
　　　　alert(n);
　　}
　　f1(); // 999
另一方面，在函数外部自然无法读取函数内的局部变量。
　　function f1(){
　　　　var n=999;
　　}
　　alert(n); // error
这里有一个地方需要注意，函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明了一个全局变量！
　　function f1(){
　　　　n=999;
　　}
　　f1();
　　alert(n); // 999
二、如何从外部读取局部变量？
出于种种原因，我们有时候需要得到函数内的局部变量。但是，前面已经说过了，正常情况下，这是办不到的，只有通过变通方法才能实现。
那就是在函数的内部，再定义一个函数。
　　function f1(){
　　　　n=999;
　　　　function f2(){
　　　　　　alert(n); ......

如何避免Javascript事件绑定出现内存泄漏

"These memory leaks often
occur as a result of circular references between JavaScript objects and
objects within IE’s DOM (document object model)."
GPDE Team Blog
明显的DOM对象与 JavaScript对象循环引用很好判断，难的是隐含的循环引用判断！
隐含的循环引用需要通过作用域链进行分析判断！
考虑以下代码(感谢可爱的winter ^_^)：
var e=document.getElementBy??("XX");
e.onclick=function(){}
scopechain分析：
scopechain.e = document.getElementBy??("XX");
function f(){}
function f(){}.[[scope]] = scopechain
e.onclick = f
很清晰，对不对？
"Javascript绑定事件时，只要DOM的事件里访问不了DOM自己的那个变量就行了"
winter
"IE现在的Patch搞得有时候泄露有时候不泄露"
winter
<button id="testx">No Memory Leak Event Bind</button>
<button id="testy">No Memory Leak Event Bind</button>
<script type="text/javascript">
var fooA = function(){
var f = function(){ale ......

深入理解Javascript闭包

深入理解Javascript闭包
最近在网上查阅了不少Javascript闭包(closure)相关的资料，写的大多是非常的学术和专业。对于初学者来说别说理解闭包了，就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。
　　一、什么是闭包？
　　“官方”的解释是：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。
　　相信很少有人能直接看懂这句话，因为他描述的太学术。我想用如何在Javascript中创建一个闭包来告诉你什么是闭包，因为跳过闭包的创建过程直接理解闭包的定义是非常困难的。看下面这段代码：
    function a(){
      var i=0;
      function b(){
        alert(++i);
      }
      return b;
    }
    var c = a();
    c();
　　这段代码有两个特点：
　　1、函数b嵌套在函数a内部；
� ......

JavaScript显示时间

这个问题很简单，主要有下面几个知识点：
（1）       取得时间：var d=new Date();var time=d.toLocaleString()
（2）       显示在网页上，假设写在一个<span>中，且该<span>的id为showTime:
document.getElementById("showTime").innerHTML=time;
（3）       每间隔一秒显示一次：setInterval('showTime()',1000)//该函数表明，每隔一秒钟调用函数showTime()一次。
具体代码如下：

<html>
<head>
<title></title>
</head>

<script language="javascript">
function showTime(){
    var d=new Date();
    var time=d.toLocaleString()
    document.getElementById("showTime").innerHTML=time;
}
</script>

<body onload="setInterval('showTime()',1000)">
<span id="showTime"></span>
</body>
</html> ......

Javascript 显示标签页效果

要实现这个功能关键是要理解块的display属性。一个块的display属性设为none，就相当于这个块不存在。所以将要显示的多个块的display属性设为none,再根据需要将要显示的块的display属性设为block就可以做出标签页效果了。
（1）      建标签题以及各标签题所对应的显示内容：
<span id="span1">标签页一</span><span id="span2">标签页二</span><span id="span3">标签页三</span>
<div id="div1">块一</div><div id="div2">块二</div><div id="div3">块三</div>
（2）      设置标各<span>和<div>的显示方式：主要将div1的display属性设为block，div2和div3的display属性设为none。即默认显示div1。
（3）      让span的onmousemove显示各自的标签块。如：<span id="span1" onmousemove="showdiv(0)"> <span id="span2" onmousemove="showdiv(1)"> <span id="span3" onmousemove="showdiv(2)">
（4）      用javascript实现showdiv(i)函数：
首先建立两 ......

javascript获取iframe文档内容(兼容IE和Firefox)

在网上找到在IE下操作IFrame内容的代码:

document.frames["MyIFrame"].document.getElementById("s").style.color="blue";
但是这在Firefox下无效。
所以，想到在Firefox下用FireBug来调试。经过调试发现在Firefox下可用以下代码来实现:

document.getElementById("MyIFrame").contentDocument.getElementById("s").style.color="blue";
详细代码如下:
TestIFrame.htm:
<html>
<head>
<script type="text/javascript">
function f(){
        var doc;
        if (document.all){//IE
                doc = document.frames["MyIFrame"].document;
        }else{//Firefox
                doc = document.getElementById("MyIFrame").contentDocument;
    &n ......

总记录数:2244; 总页数:374; 每页6 条; 首页上一页 [358] [359] [360] [361] 362 [363] [364] [365] [366] [367] 下一页尾页