<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>用javascript动态添加删除html元素</title>
<script type="text/javascript"><!--
function $(nodeId) {
return document.getElementById(nodeId);
}
function $Name(tagName) {
return document.getElementsByTagName(tagName);
}
function replaceMsg() {
var newNode = document.createElement("P");//创建一个P标签
newNode.innerHTML = "<font color='red'>替换后的文字</font>";
var oldNode = $Name("P")[0];//获取body里面第一个p元素
oldNode.parentNode.replaceChild(newNode,oldNode);//直接替换了标签
}
function removeMsg() {
var node = $("p2");//p标签
var nodeBtn = $("remove");//按钮
//node.parentNode.removeChild(node); //下面效果相同
document.body.removeChild(node);//在body中删除id为P2的元素
// ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>用javascript动态添加删除html元素</title>
<script type="text/javascript"><!--
function $(nodeId) {
return document.getElementById(nodeId);
}
function $Name(tagName) {
return document.getElementsByTagName(tagName);
}
function replaceMsg() {
var newNode = document.createElement("P");//创建一个P标签
newNode.innerHTML = "<font color='red'>替换后的文字</font>";
var oldNode = $Name("P")[0];//获取body里面第一个p元素
oldNode.parentNode.replaceChild(newNode,oldNode);//直接替换了标签
}
function removeMsg() {
var node = $("p2");//p标签
var nodeBtn = $("remove");//按钮
//node.parentNode.removeChild(node); //下面效果相同
document.body.removeChild(node);//在body中删除id为P2的元素
// ......
转自：http://www.felixwoo.com/?s=%E9%97%AD%E5%8C%85
深入理解JavaScript闭包(closure)
发表于: 14:48 | 分类: 开发技术 | 评论: 25 | 人气: 6,114 |
最近在网上查阅了不少Javascript闭包(closure)相关的资料，写的大多是非常的学术和专业。对于初学者来说别说理解闭包了，就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。
一、什么是闭包？
“官方”的解释是：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。
相信很少有人能直接看懂这句话，因为他描述的太学术。其实这句话通俗的来说就是：JavaScript中所有的function都是一个闭包。不过一般来说，嵌套的function所产生的闭包更为强大，也是大部分时候我们所谓的“闭包”。看下面这段代码：
function a() {
var i = 0;
function b() {
alert(++i);
}
return b;
}
var c = a();
c();
这段代码有两个特点：
函数b嵌套在函数a内部；
函数a返回函数b。
引用关系如图：
这样在执行完var c=a()后，变量c实际上是指向了函数b，b中用到了变量i，再 ......
之前看了有关匿名函数的调用，感觉有必要和大家分享一下。
关于什么是匿名函数，及它带来的优势在本文就不深究了，先抛出一个常用的匿名函数：
(function(){alert('yo')})()
很多同学知道怎么用这种匿名函数，却或许并不明白为什么这样写就能够调用匿名函数。也许知道后面的圆括号是执行前面的函数，而并不清楚前面的圆括号具有何种含义！本文将带你了解匿名函数的代码模式原理。
OK,先来看看更多匿名函数调用模式：
1.
(function(){alert(1);}())
2.
(function(){alert(2);})()
3.
void function(){alert(3);}()
以上3个都是正确的，且在功能上都是等同的。
再来看下错误的书写方式：
4.
function(){alert('yo')}()
上面这段代码会抛出语法错误，这究竟是为什么呢？带着这个问题我们来看看秦歌给出的解答：
1.函数字面量：首先声明一个函数对象，然后执行它。
2.优先表达式：由于Javascript执行表达式是从圆括号里面到外面，所以可以用圆括号强制执行声明的函数。
3.void操作符：用void操作符去执行一个没有用圆括号包围的一个单独操作数。
好吧，先不管解答是否正确，我们把这些放到一边，再来看看函数声明的语法和函数表达式的语法说明：
......
现在感觉js很好很强大，随着深入的学习，你就会不会拒绝在客户端使用js。之前也在网上找了点资料，一起看看。
value="我是 button" />
动态添加onclick事件：
<input type="button" value="我是 button" id="bu">
<script type="text/javascript">
var bObj=document.getElementById("bu");
bObj.onclick= objclick;
function objclick(){alert(this.value)};
</script>
如果使用匿名函数 function(){}，则如下面所示：
<input type="button" value="我是 button" id="bu">
<script type="text/javascript">
var bObj=document.getElementById("bu");
bObj.onclick=function(){alert(this.value)};
</script>
上面的方法其实原理都一样，都是定义 onclick 属性的值。值得注意的是，如果多次定义 obj.onclick，例如：obj.onclick=method1; obj.onclick=method2; obj.onclick=method3，那么只有最后一次的定义obj.onclick=method3才生效，前两次的定义都给最后一次的覆盖掉了。
再看 IE 中的 attachEvent：
......
先给出基本的HTML文件：
<ul>
<li id="m01"></li>
<li id="m01"></li>
<li id="m01"></li>
</ul>
<div>
<div id="C01"> </div>
<div id="C02"> </div>
<div id="C03"> </div>
</div>
下面是javascript代码：
function scrollMenu()
{
} /*创建一个类*/
scrollDiv.prototype =
{
sd:function(menus, divs, openClass, closeClass)
{
_this = this;
for(var i=0; i<menus.length; i++)
{
_this.$(menus[i]).value = i;
_this.$(menus[i]).onmouseover = function()
{
for(var j=0; j<menus.length; j++)
{
_this.$(menus[i]).className = closeClass;
_this.$(divs[i]).style.display = "none";
}
_this.$(menus[this.value]).className = openClass;
_this.$(divs[this.value]).style.display = "block";
} /*闭环处理*/
}
},
$:function(obj)
{
if(typeof(obj) == ......
本文介绍javascript连接access数据库的方法。这段代码在本地可以正常运行，在线则需要足够的权限。由于采用Access数据库，所以并不使用标准的SQL语法使用时。需要注意。
这几天费了挺大力气在网上查找javascript连接access数据库的方法，经过整理总结，终于写出一段能够有效执行的代码。
但是这段代码在本地可以正常运行，一旦放到免费个人空间上就没法执行了，主要原因就是操作权限不够，由于只支持静态页面的免费空间多数都
作了非常严格的限制，所以无论是用mdb的方式，还是读写纯文本文件的方式都没办法通过，而由页面报出js错误。国外的一些免费空间，直接就禁止mdb这样扩展名的文件上传。
虽然没希望在纯静态页面的免费空间上作自己的计数器或是留言版，但是这段程序也许还是对一些朋友有用处，写出来供各位研究一下。
文件构成：
Access数据库名为 MyData.Mdb， 里面建了一个名为count的表，表由两个 字段组成： ID和COUNT，表里有一条数据： ('count','100')。
文本文件名为 count.txt，里面随便写入一个数字。
静态页面名为Cnt.htm。
以上3个文件都放在同一目录下。
由于采用Access数据库，而它采用非标准SQL语法，所以要注意在表名和字段名上需要加方括� ......
本文介绍javascript连接access数据库的方法。这段代码在本地可以正常运行，在线则需要足够的权限。由于采用Access数据库，所以并不使用标准的SQL语法使用时。需要注意。
这几天费了挺大力气在网上查找javascript连接access数据库的方法，经过整理总结，终于写出一段能够有效执行的代码。
但是这段代码在本地可以正常运行，一旦放到免费个人空间上就没法执行了，主要原因就是操作权限不够，由于只支持静态页面的免费空间多数都
作了非常严格的限制，所以无论是用mdb的方式，还是读写纯文本文件的方式都没办法通过，而由页面报出js错误。国外的一些免费空间，直接就禁止mdb这样扩展名的文件上传。
虽然没希望在纯静态页面的免费空间上作自己的计数器或是留言版，但是这段程序也许还是对一些朋友有用处，写出来供各位研究一下。
文件构成：
Access数据库名为 MyData.Mdb， 里面建了一个名为count的表，表由两个 字段组成： ID和COUNT，表里有一条数据： ('count','100')。
文本文件名为 count.txt，里面随便写入一个数字。
静态页面名为Cnt.htm。
以上3个文件都放在同一目录下。
由于采用Access数据库，而它采用非标准SQL语法，所以要注意在表名和字段名上需要加方括� ......
最新文章 : javascript