frame，cookie，this对象

最新推荐文章于 2022-07-05 14:16:39 发布

原创最新推荐文章于 2022-07-05 14:16:39 发布 · 108 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#框架 #JavaScript #IE #HTML #.net #ViewUI

JavaScript 专栏收录该内容

12 篇文章

订阅专栏

本文深入讲解了HTML中的frame框架对象的使用方法及注意事项，并详细解释了Cookie的基本知识、设置方法及如何通过JavaScript获取和删除Cookie。

frame 框架对象
--使用方法
----用最容易理解的话说，每一个 HTML 文件占用一个 window 对象，包括定义框架的网页（“框架网页”）。在 IE 里用“<iframe>”标记在文档中插入的框架也是 window 对象，但是用“包含网页”的方法（在 HTML 中显示为“”）读取的 HTML 就不占用独自的 window 对象。每一个框架都是包含它的页的 window 对象的一个子对象（不知道应该叫“属性”不该），要引用它，可以用以下几种方法之一：window.frames[x]
window.frames['frameName']
window.frameName
----使用框架还要密切留意你的 JavaScript 中定义的全局变量和自定义函数。它们都有它们的所属所在的 window 对象。要引用其它框架中的全局变量或自定义函数，都要用“窗口对象.框架对象[.框架对象…].全局变量或自定义函数”这种很烦的方法。

cookie
--基本知识
----<cookie名>=<值>
----每个 Cookie 都有失效日期，一旦电脑的时钟过了失效日期，这个 Cookie 就会被删掉。我们不能直接删掉一个 Cookie，但是可以用设定失效日期早于现在时刻的方法来间接删掉它。
--document.cookie
----内容格式：name=kevin; email=kevin@kevin.com; lastvisited=index.html
两个 Cookies 之间是用分号和空格隔开的，于是我们可以用 cookieString.split('; ') 方法得到每个 Cookie 分开的一个数组（先用 var cookieString = document.cookie）。
----设定一个“name=rose”的 Cookie，在 3 个月后过期。
var expires = new Date();
expires.setTime(expires.getTime() + 3 * 30 * 24 * 60 * 60 * 1000);
/* 三个月 x 一个月当作 30 天 x 一天 24 小时
x 一小时 60 分 x 一分 60 秒 x 一秒 1000 毫秒 */
document.cookie = 'name=rose;expires=' + expires.toGMTString();
----删除刚才设定的 name=rose Cookie。
var expires = new Date();
expires.setTime(expires.getTime() - 1);
document.cookie = 'name=rose;expires=' + expires.toGMTString();
----编写一个函数，作用是查找指定 Cookie 的值。
function getCookie(cookieName) {
var cookieString = document.cookie;
var start = cookieString.indexOf(cookieName + '=');
// 加上等号的原因是避免在某些 Cookie 的值里有
// 与 cookieName 一样的字符串。
if (start == -1) // 找不到
return null;
start += cookieName.length + 1;
var end = cookieString.indexOf(';', start);
if (end == -1) return unescape(cookieString.substring(start));
return unescape(cookieString.substring(start, end));
}

this对象
--返回“当前”对象
--如果在 JavaScript 的“主程序”中（不在任何 function 中，不在任何事件处理程序中）使用 this，它就代表 window 对象；如果在 with 语句块中使用 this，它就代表 with 所指定的对象；如果在事件处理程序中使用 this，它就代表发生事件的对象。
<script>
...
function check(formObj) {
...
}
...
</script>
<body ...>
...
<form ...>
...
<input type="text" ... onchange="check(this.form)">
...
</form>
...

本文来自优快云博客，转载请标明出处：http://blog.youkuaiyun.com/cjfspider/archive/2005/03/18/322773.aspx