使用JavaScript改进你的框架 (摘)

           使用JavaScript改进你的框架
    两种网页设计者:喜欢用框架(Frame)的和不喜欢的。不喜欢使用框架的人们总是抱怨说,框架使得页面变得复杂,增加了下载负担,而且会减少你的页面被搜索引擎找到的机会。而喜欢框架的设计者则说框架使浏览变得简单,并赋予设计人员在安排页面上更多的控制。
  不管你是赞成使用框架还是反对,事实上,带框架的页面一直存在。本文中,我们将向你介绍两个改进框架页面的JavaScript程序,这也许会使那些憎恨框架的人们重新审视框架的价值。
  在我们开始介绍这两个技巧前,让我们先看看框架是如何工作的。当你创建了一个框架页面,你就建立了一个特殊的HTML页,其中包含两个或更多的框架或者说是在一个页面中的不同窗口。框架页定义了各框架的大小和在其中显示的HTML文件名。
  Web设计者经常遇到的问题之一是访问者或搜索引擎建立起的链接往往是框架中的HTML页面,而非框架页本身。这就使得人们很轻易的到达你的一个页面,却没有任何的标志或浏览帮助——没有任何可以标示这个网站的东西。
  要解决这个链接问题,在FrontPage中打开你的每个页面,并切换到HTML页。然后在</head>标记前插入下列代码:
<script language="JavaScript">
<!--Hide from older browsers
if (window == top)
top.location.href = "frames.htm";
// -->
</script>

  在你的代码中用你的框架页名代替“frames.htm。”现在无论什么时候,想直接下载这个页面的访问者都将得到框架页。
  我们的第二个技巧恰恰采取相反的策略,它保证你的页面不会出现在别人的框架页中。有些站点将外部的链接页面显示在一个框架页中,而不是打开一个新的窗口。
  为了防止你的页面出现在其他人的框架中,在HTML中的</head>标记前加入下列JavaScript代码:
<script language="javascript">
<!--Hide from older browsers
if (top.location != location)
top.location.href = location.href;
// -->
</script>

  当该页面被下载,这个脚本会自动破坏框架,将自己显示在窗口中。
  注意,上述脚本不会使你的框架同其他人的有什么不同。因此,你不应该将它插入到所有你已经建立的并要在框架中显示的页面中。如果你使用框架,你应将此代码段加到框架页本身。完成方法仍是切换到HTML页,将代码插入到</head>标记前。

时间: 2024-11-09 00:01:24

使用JavaScript改进你的框架 (摘)的相关文章

无阻塞加载Javascript的方法和框架

文章简介:用In.js颗粒化管理.加载你的Javascript模块. 近一年来,国内外都十分热衷于异步加载的研究,为了加快页面的载入速度,无阻塞加载Javascript的方法和框架成为了前端开发的焦点和亮点之一. 国外的像基于jQuery的RequireJs,YUI Loader,LabJs,RunJs,国内也有淘宝的SeaJs,豆瓣的DoJs等,这些都是一些十分优秀的模块加载器.但是本文将会向大家介绍一个新的开源的轻量级"多线程"异步模块加载器In.js,In的开发借鉴了Do的一些思

基于JavaScript的REST客户端框架

现在REST是一个比较热门的概念,REST已经成为一个在Web上越来越常用的应用,基于REST的Web服务越来越多,包括Twitter在内的微博客都是用REST做为对外的API,先前我曾经介绍过"基于REST架构的Web Service设计",并给出了一些服务器端和客户端代码,随着JavaScript的广泛应用,我这里就给出一个轻量级的基于JavaScript的REST客户端框架. 这个JavaScript客户端主要使用了XMLHttpRequest对象来实现通过HTTP对服务器操作G

javascript的库和框架分别指什么,有什么区别

问题描述 javascript的库和框架分别指什么,有什么区别 如题,javascript的库和框架分别指什么,有什么区别,请大神具体阐述 解决方案 jquery就是一个库,angularjs就是一个框架. 库的功能就是提供函数的封装.框架是抽象的软件结构. 解决方案二: 我这样理解,类库是为了实现某一个功能,可以理解为一个控件. 框架是提供了一整套组件,不过要遵守他的规则. 解决方案三: 框架也算是库的一种,但倾向于重量级一些,倾向于提供整套的解决方案,倾向于创造一些需要你来遵守的规则和范例.

讲解JavaScript的Backbone.js框架的MVC结构设计理念_基础知识

什么是Backbone.js?Backbone.js是十大JS框架之首,Backbone.js 是一个重量级js  MVC 应用框架,也是js MVC框架的鼻祖.它通过Models数据模型进行键值绑定及custom事件处理,通过模型集合器Collections提供一套丰富的API用于枚举功能,通过视图Views来进行事件处理及与现有的Application通过JSON接口进行交互. 简而言之,Backbone是实现了web前端MVC模式的js库 什么是MVC?MVC:后端服务器首先(过程1)通过

12种JavaScript常用的MVC框架比较分析_javascript技巧

本文详细讲述了12种JavaScript常用的MVC框架.分享给大家供大家参考,具体如下: Gordon L. Hempton是西雅图的一位黑客和设计师,他花费了几个月的时间研究和比较了12种流行的JavaScript MVC框架,并在博客中总结了每种框架的优缺点,最终的结果是,Ember.js胜出. 此次比较针对的特性标准有四种,分别是: ① UI绑定(UI Bindings) ② 复合视图(Composed Views) ③ Web表现层(Web Presentation Layer) ④

Embedthis Ejscript 1.1.3发布 JavaScript语言和Web框架

Ejscript 是一款服务器端的紧凑.快速和强大的http://www.aliyun.com/zixun/aggregation/33906.html">JavaScript语言和Web框架.它基于JavaScript标准化版本,作为ECMAScript Edition 3.X与服务器端的Web和嵌入式应用的扩展. Embedthis Ejscript 1.1.3该版本是一个轻微的释放,可靠性和安全性具有重要的修复,包括对VxWorks的建设,线程池枯竭修复和使用的HTTP跟踪方法. 软

用JavaScript改进你的网页框架

javascript|网页 有两种网页设计者:喜欢用框架(Frame)的和不喜欢的.不喜欢使用框架的人们总是抱怨说,框架使得页面变得复杂,增加了下载负担,而且会减少你的页面被搜索引擎找到的机会.而喜欢框架的设计者则说框架使浏览变得简单,并赋予设计人员在安排页面上更多的控制. 不管你是赞成使用框架还是反对,事实上,带框架的页面一直存在.本文中,我们将向你介绍两个改进框架页面的JavaScript程序,这也许会使那些憎恨框架的人们重新审视框架的价值. 在我们开始介绍这两个技巧前,让我们先看看框架是如

javascript iframe:javascript 改变iframe(框架)的方法

<iframe src="http://www.cxybl.com" name="content" height="200" width="468" scrolling="no" id="content" frameborder="0"></iframe>  <script>  function iframes(){  conten

JavaScript跨平台的开源框架NativeScript

本文给大家分享的是一款使用javascript来构建跨平台原生移动应用的开源框架--NativeScript,可以使用JavaScript开发跨平台.真正原生的iOS, Android 和 Windows 移动App.开发人员使用NativeScript提供的库来构建应用UI,其抽象了各种原生平台之间的不同. NativeScript是一款使用JavaScript语言来构建跨平台原生移动应用的开源框架,支持iOS.Android和Windows Phone.且NativeScript的使用没有过