易截截图软件、单文件、免安装、纯绿色、仅160KB

《悟透javascript》学习笔记:四、函数的魔力

引言
 
JavaScript的代码就只有 function 一种形式,function 就是函数的类型。也许其他编程语言还有 procedure 或 method 等代码概念,但在 JavaScript 里只有 function 一种形式。当我们写下一个函数的时候,只不过是建立了一个function类型的实体而已。
 
函数类型
 
1.       定义型函数,如下:
<script language="javascript">
function func(){
      alert("hello");
}
func();
</script>
 
2.       参数型函数,如下:
<script language="javascript">
func = function(){
      alert("hello");
}
func();
</script>
 
预编译
 
想想下下面的代码,然后执行看结果
 
      <script language="javascript">
function func(){
      alert("hello");
}
func();
function func(){
      alert("hi~~");
}
func();
</script>
 
上面的代码,结果两次都弹出“hi~~”,这是为什么?原来,JavaScript 执行引擎并非一行一行地分析和执行程序,而是一段一段地分析执行的。而且,在同一段程序的分析执行中,定义式的函数语句会被提取出来优先执行。函数定义执行完之后,才会按顺序执行其他语句代码。也就是说,在第一次调用func之前,第一个函数语句定义的代码逻辑,已被第二
个函数定义语句覆盖了。所以,两次都调用都是执行最后一个函数逻辑了。(这实际上就是因为只有一个函数变量,却多次赋值,所以当然只会保留最后一次的赋值了)
 
上面的情况出现的前提是js必须在同一代码快中,如果两个同样的函数在不同的代码块中就不会出现上面的状况了,如下:
 
<script language="javascript">
function func(){
      alert("hello");
}
func();
</script>
<script language="javascript">
function func(){
      alert("hi~~");
}
func();
</script>
 
试一试
 
1.       先用脑袋运行出结果,然后再执行比较
<script language="javascript">
func = funct


相关文档:

JavaScript函数定义语法总结

JavaScript
函数定义语法总结
作者

黄诚
QQ
群:
65643887
1
.正常的定义方法:
function functionName([arguments]){
    
Javascript statements
    
[return expression]
}

1:
function evalScript( i, elem ) {
     &n ......

JavaScript事件

JavaScript事件分类:
1、捕获型(IE不支持)(从DOM结构的最顶端开始向下延伸)
2、冒泡型(从DOM结构的最低端向上一级级延伸)
【IE7以上可以给‘html’添加onclick事件,IE中body->html,火狐中html->body】
JavaScript添加事件监听:
1、IE:
[object].attachEvent("event_handler", fnHandler); ......

12个优秀的javascript(ajax)弹出层

Thickbox

-
基于
jQuery
,支持 AJAX,轻量级的而且比较高效。支持图片与HTML内容。大小约为
40k,目前还可作为 WordPress
的插件使用。这个js的优点在于与,父级的原页面滚动条随鼠标滚动的时候,弹出的层并不移动,而始终处于浏览器的固定位置。
 
GreyBox

- 创建 iframe 的弹出界面,可使用图片 ......

JavaScript_基于JS的进度条

开发时,需要用到的JavaScript进度条~~~
<style type="text/css">
#out {
width:200px;
height:16px !important;
border:1px solid #5858D1;
text-align:center;
position:relative;
font-size:12px;
_height:18px;
}
#out, #out * {
padding:0;
margin:0;
}
#num {
height:16px;
line-h ......

《悟透javascript》学习笔记:三、似类却不是类

引言
 
JavaScript没有 “类”的概念!这让很多学习过高级语言的人感到很不爽,其实比之于C语言又如何呢?显然JavaScript要比C语言好用很多。
 
不废话,上代码
 
<script language="javascript">
/*一句句的看更容易明白*/
//声明一个对象,但它什么都没有
var life = {};
//任 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号