框架(frame)的src属性是只读的,按照正常的思路(document.frames["faramename"].src)去修改会提示没有权限,但通过设置document.getElementById["frameid"]的src属性或设置弹出窗口的打开目标等方法我们仍可以达到动态修改框架src属性的目的,下面是本次测试代码:
程序代码
<iframe name="frame1" id="frame1" src="" width="400" height="400"></iframe><br />
<input name="btn2" type="button" id="btn2" value="按钮一(不行)" onclick="document.frames['frame1'].src='http://www.163.com/';" />
<input name="btn3" type="button" id="btn3" value="按钮二(不行)" onclick="document.frames['frame1'].document.location.href='http://www.sohu.com/';" />
<input name="btn" type="button" id="btn" value="按钮三(可以)" onclick="document.getElementById('frame1').src='http://www.hao123.com/';" />
<input name="btn4" type="button" id="btn4" value="按钮四(可以)" onclick="window.open('http://www.mzwu.com/','frame1');" />
<a href="www.baidu.com/" target="frame1">百度</a>
分享到:
相关推荐
每个`<frame>`标签可以包含`name`、`src`等属性来定制框架的行为。 在使用框架之前,确实需要调整HTML文档类型声明(DOCTYPE)。默认的HTML5文档类型声明是`<!DOCTYPE html>`,而在使用框架时,需要更改为`<!...
例如,使用CSS可以添加`display:none`属性隐藏元素,点击按钮时通过JavaScript更改这个属性来显示或隐藏: ```css #leftFrame { display: none; /* 初始状态隐藏 */ } .show { display: block !important; /* ...
1. iframe标签:iframe是HTML中用于创建内联框架的标签,可以通过src属性指定要加载的页面URL。例如:<iframe src="example.html" name="frameName"></iframe>。这里的name属性值可以用来标识这个iframe,以便其他...
通过设置`<frame>`或`<iframe>`的`src`属性,可以加载不同的HTML页面。框架间的交互通常通过JavaScript的`window.parent`或`window.frames`对象实现。例如,下部框架(DownFrame.html)可以通过`window.parent`调用...
本文讨论了如何使用JavaScript来控制frame和iframe元素的src属性,使得能够通过更改地址栏中的参数来动态地改变嵌入式框架中显示的页面。了解此技术对于开发动态网页及增强用户交互体验是非常重要的。下面将对文中...
`framemenu.js`可能会使用这些方法来改变目标框架的`src`属性,从而加载新的内容,或者直接修改框架内的DOM元素以更新显示。 此外,考虑到SEO(搜索引擎优化)和无障碍访问(accessibility),在使用`frames`时需要...
然而,在使用`<iframe>`时,有时我们需要监测其内容的变化,特别是当`<iframe>`中的源地址(src属性)发生改变时。 #### 1. 使用`window.onbeforeunload`事件监测IFrame内容变化 根据提供的代码示例,主要关注点...
要实现Frame的折叠显示功能,可以通过JavaScript动态修改`<frameset>`的属性来控制框架的可见性。例如,在示例代码中使用了`top.document.all('MenuFrame1').cols='*'`和`top.document.all('MenuFrame1').rows='*,...
1. **设置框架ID**:首先,为包含主要内容的框架指定一个ID,例如`<frame id="mainlist" src="content.html">`,这将有助于我们在后续步骤中定位并修改该框架的样式。 2. **引入JavaScript脚本**:创建一个外部JS...
在HTML框架中,可以使用`<frame>`或`<iframe>`元素的属性(如`src`、`name`)来传递参数。 3. **源码分析**:对于源码级别的理解,我们需要查看具体的框架或库的实现。例如,在Spring MVC中,我们可以使用模型对象...
通过分析和修改这些示例,你可以掌握如何将不同页面内容放入框架中,并实现动态交互效果。 为了适应现代网页开发需求,可以学习更先进的布局技术,如CSS Grid或Flexbox。这两种布局模型能更灵活地控制元素的排列和...
每个<frame>标签都有一系列属性,如src定义加载的页面,name用于标识框架以便链接跳转。 调整框架包括改变框架结构、尺寸和数量,以满足设计需求。在Dreamweaver中,可以使用【框架】面板或通过选择和切换框架边框...
本文将深入探讨`frameset`及其子元素`frame`的使用方法与关键属性。 #### frameset元素的基本结构 `frameset`元素是HTML文档的容器之一,用于分割浏览器窗口为多个区域,每个区域都可以加载不同的HTML页面。一个...
- `frame`标签定义了具体的框架,并且通过`noresize="noresize"`属性禁用了边框的可调整性。 #### 关于`frameset`位置的问题 关于文中提到的疑问:“为什么`frameset`放在`body`标签里面没有效果,而放在`head`...
### 知识点解析:使用JavaScript实现动态增加框架 #### 一、理解题目与目标 在本案例中,我们探讨的主题是使用JavaScript来实现动态增加HTML框架(`<frameset>`)。根据标题“[JS]实现动态增加框架!未完成”,...
在ASP.NET开发中,客户端控制框架的显示或隐藏是一个常见的需求,这主要涉及到网页的动态交互和用户体验的优化。本文将深入探讨如何使用JavaScript来实现这一功能,特别适合那些正在学习ASP.NET的初学者。 首先,...
- 例如,如果有一个名为“leftFrame”的框架,可以在框架的HTML文件中为其指定一个类名或ID,如`<frame src="leftContent.html" id="leftFrame">`。 2. **编写CSS规则:** - 创建一个新的CSS文件或将样式添加到...
- **通过查询字符串或URL hash**:将数据编码为URL的一部分,然后通过修改iframe的src来传递信息,不过这种方法通常只适用于少量数据。 - **使用CORS(Cross-Origin Resource Sharing)**:通过设置响应头`Access-...
总结来说,实现"多个iframe,显示其中一个frame中的div,并处于最上层显示"的功能,涉及了HTML的`iframe`标签、CSS的`z-index`属性、JavaScript的`postMessage`通信以及动态创建和操作DOM元素的技巧。通过这些技术,...
3. 进入代码视图,找到`<frame>`标签,将`src`属性分别设置为主页链接和音乐播放器链接。 4. 修改标题,保存框架页。 如果未安装Dreamweaver,也可以手动编辑HTML代码实现外框架,以下是一个基础示例: ```html <!...