最近写页面遇到一个需要frame的需求,开始时,我为每个frame的src定义了一个页面文件,后来在<javascript应用程序经典实例>一书中看到一个更简单的办法,利用javascript协议就不需要为每个src属性都定义一个文件了,这就减少了不必要的文件,该书中的示例内容:
<HTML>
<HEAD>
<TITLE>JavaScript On-line Test</TITLE>
<SCRIPT LANGUAGE="JavaScript1.1">
<!--
var dummy1 = '<HTML><BODY BGCOLOR=WHITE></BODY></HTML>';
var dummy2 = '<HTML><BODY BGCOLOR=WHITE><FONT FACE=Arial>Strap in Bucko: This ain\'t no JavaScript vacation...</BODY></HTML>';
//-->
</SCRIPT>
</HEAD>
<FRAMESET ROWS="90,*" FRAMEBORDER=0 BORDER=0>
<FRAMESET COLS="250,*">
<FRAME SRC="administer.html" SCROLLING=NO>
<FRAME SRC="javascript: self.dummy1">
</FRAMESET>
<FRAME NAME="questions" SRC="javascript: self.dummy2">
</FRAMESET>
</HTML>
我在jsp的使用源码:
<html>
<head>
<title>Enter Page</title>
<script language="javascript">
var welcome='<html><body bgcolor="#808080" leftmargin="0" topmargin="10">'+
// '<img src="define.jpg" width="100%" height="100%">'+
'</body></html>';
</script>
</head>
<frameset cols="25%, *">
<frame src="TreeView.jsp">
<frame name="rightFrame" src="javascript: parent.welcome">
</frameset>
</html>
在使用这种方法之前,我必须为第二个frame定义一个内容简单的页面文件,而利用这个方法就简单了许多,至少减少了一个文件的定义.我这里使用的很简单,可能有的人会在比较复杂情况下使用这种方法,具体我没试过.
注意:在<javascript应用程序经典实例>一书的引用本文件的变量是使用self,那是纯html文件;而在jsp文件中,必须使用parent,否则浏览器找不到那个变量.后来,我把上面的self改为parent也是对的,具体原因我不清楚,至少这样是正确的
分享到：
相关推荐
要实现Frame的折叠显示功能，可以通过JavaScript动态修改`<frameset>`的属性来控制框架的可见性。例如，在示例代码中使用了`top.document.all('MenuFrame1').cols='*'`和`top.document.all('MenuFrame1').rows='*,...
1.4.2 通过[removed]标记的src属性引入 1.4.3 通过JavaScript伪URL引入 1.4.4 通过HTML文档事件处理程序引入 1.5 嵌入JavaScript脚本代码的位置 1.5.1 在<head>与</head>标记对之间放置 1.5.2 在<...
- **基于对象**：JavaScript 允许开发者使用对象来组织代码，简化复杂逻辑处理。 - **事件驱动**：通过响应用户或其他系统事件（如点击按钮）来触发特定行为或功能。 - **解释型**：无需编译，由浏览器直接解释执行...
1.4.2 通过标记的src属性引入 1.4.3 通过JavaScript伪URL引入 1.4.4 通过HTML文档事件处理程序引入 1.5 嵌入JavaScript脚本代码的位置 1.5.1 在与标记对之间放置 1.5.2 在与标记对之间放置 1.5.3 在两个标记对之间...
本文将深入探讨如何利用JavaScript和A-Frame库来创建和控制spritesheet动画，以实现更丰富的3D网页体验。 首先，让我们理解什么是spritesheets。Spritesheets，又称为精灵表或动画表，是一种将多个小图像（帧）合并...
### JavaScript技术笔记精要 #### 一、CSS样式与JavaScript交互 ...这些知识点涵盖了从基础CSS样式设置到JavaScript与DOM操作的各种细节，以及浏览器尺寸获取等高级话题，对于前端开发者来说非常实用且重要。
因为浏览器允许从不同源加载JavaScript文件，JSONP利用这一点来实现跨域数据交换。JSONP的核心是创建一个全局函数，服务器返回的JSON数据包裹在这个函数中，使得客户端可以执行这个函数并获取数据。 例如，一个HTML...
【h5_frame】是一个开源的H5开发框架，它基于两个强大的现代前端工具：Webpack和Vue.js。这个框架旨在提供一个高效、灵活的环境，帮助开发者快速构建高质量的H5应用。下面我们将深入探讨这个框架的核心组成部分以及...
例如，开发者可以通过框架提供的命令行工具快速生成控制器、模型或视图的模板代码，减少重复劳动。此外，一些框架还提供了热加载功能，使得在开发过程中修改的代码可以即时生效，无需频繁重启服务器。 【功能】Web...
另一种方法是使用CSS精灵（CSS Sprites）技术，将所有帧放在一张大图上，然后通过改变元素的`background-position`属性来显示不同的帧。这种方法可以减少HTTP请求，提高性能。 除了基本的逐帧动画，还可以结合其他...
- 这里定义了一个名为`data`的iframe，并设置了`src`属性指向`e.html`。 - `<a>`标签定义了一个链接，点击后会执行JavaScript代码，该代码通过`window.frames['data'].document.documentElement.outerHTML`来获取...
而"工具"标签可能意味着我们可以借助一些库或框架，如jQuery的`.contents()`方法来简化DOM操作，或者使用PostMessage库（如postmessage.js）来更方便地处理消息传递。 总结，JavaScript中的iframe与parent通信是Web...
创建3D模型的旋转效果，可以通过修改对象的`rotation`属性来实现： ```javascript var carMesh = new THREE.Mesh(carGeometry, carMaterial); scene.add(carMesh); function animate() { requestAnimationFrame...
IFRAME的基本结构包括`<iframe>`标签，其中包含`src`属性来指定要嵌入的页面URL，以及`width`和`height`属性定义IFRAME的宽度和高度。然而，在实际应用中，我们往往希望IFRAME能根据内容或容器的尺寸动态调整大小，...
总的来说，“cocos_frame”是一个为了简化Cocos2d-x JavaScript开发的框架，它提供了一套完整的工具链和API，帮助开发者更高效地创建跨平台的2D游戏和应用程序。通过学习和掌握这个框架，开发者可以充分利用...
以上这些JavaScript小技巧都是为了提升网页用户体验，简化开发过程，以及增强网页的安全性。然而，需要注意的是，某些技巧可能会限制用户的正常使用，例如禁止右键和复制，这在某些情况下可能不符合用户体验最佳实践...
本实例中的"js实现动画效果的弹出窗口"是一种利用JavaScript、Prototype库以及动画技术来构建的动态对话框功能。它能够以左右上下扩张的动画效果打开一个IFrame，展示用户指定的页面，并在页面切换时保持流畅的动画...
- 使用`<img>`标签插入图片，并通过`src`属性指定图片路径。 - `<frameset>`和`<frame>`标签用于创建框架布局。 - CSS的`display`属性控制元素的可见性，`transition`属性实现平滑过渡。 - JavaScript的`setInterval...
总的来说，Choreographer-js是JavaScript动画开发的一个强大工具，它通过提供有序、高效的动画处理机制，简化了复杂动画的实现过程，提升了Web应用的视觉表现力和用户体验。通过深入学习和应用这个库，开发者可以...
然而，我们可以利用IFRAME（Inline Frame）来模拟实现AJAX式的无刷新文件上传，以达到类似的效果。 首先，我们需要理解AJAX的工作原理。AJAX允许我们在后台与服务器进行通信，更新部分网页内容，而无需刷新整个页面...