JavaScript开发中的常用知识点

JavaScript开发中的常用知识点2014-09-15 cnblogs aehyok前言

最近在做项目的时候自己写了一些JavaScipt代码，于是自己又进行简单的查阅资料整理了一下，发现了如下几个比较有用的知识点：

1、三种声明函数的方式

2、jQuery $（document）.ready（）与window.onload的区别

3、location.href

4、获取url中的参数

5、判断是否存在函数的方法

6、设置Iframe高度

7、解决文本框设置只读后按退键后退页面

1、三种声明函数的方式

1、声明式的函数

function functionName（arg1, arg2） {alert（arg1+arg2）;}

2、匿名函数

var functionName1 = new Function（"arg1", "arg2", "alert（arg1 + arg2）"）;

3、直接量函数

functionName2 = function （arg1, arg2） { alert（arg1 + arg2）; };

三种函数调用方式

functionName（"1", "22"）;

functionName1（"2", "11"）;

functionName2（"Hello", "World"）;

继续看，还可以这样写，第一次体验很不错

functionName1.love = "Hello World！";

alert（functionName1.love）;

functionName1.Test = function （） { alert（"Test"）; }

functionName1.Test（）;

2、jQuery $（document）.ready（）与window.onload的区别

1、执行时间

window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。

$（document）.ready（）是DOM结构绘制完毕后就执行，不必等到加载完毕。

2、编写个数不同

window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个，执行后面的一个。

$（document）.ready（）可以同时编写多个，并且都可以得到执行。

3、简化写法

window.onload没有简化写法。

$（document）.ready（function（）{}）可以简写成$（function（）{}）。

注意：window.onload和body.onload之间的关系和区别，最好自己亲自去实践一下。

3、location.href

1、top.location.href=”url” 在顶层页面打开url（跳出框架）

2、parent.location.href=”url” 在父窗口打开Url地址

3、self.location.href=”url” 和 this.location.href=”url” 和 window.location.href=“url” 和location.href 都是在本页面打开url地址

由此我解决了一个问题：就是使用了Iframe框架，同时也控制用户超时重新登录的限制，所以有时候登录页面会出现在页面中的某部分。

处理方式就比较简单就是在登录页面通过JavaScript进行一次判断即可

if （window ！= top）

top.location.href = location.href;

</script>