`
ayaya
  • 浏览: 453745 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

javascript 改变iframe(框架)的方法

阅读更多
<iframe src="http://www.zishu.cn" name="content" height="200" width="468" scrolling="no" id="content" frameborder="0"></iframe>


<script>   
function iframes(){
 content.location= 'http://www.zishu.cn/m.html'; 
 document.getelementbyid('content').height= 500;
 document.getelementbyid('content').width= 1000; 
}
</script>
分享到:
评论

相关推荐

    可以左右拖动的iframe框架

    **总结** "可以左右拖动的iframe框架"是网页开发中的一种实用技巧,它结合了iframe的功能性和JavaScript的交互性,为用户提供了一种个性化的浏览体验。通过理解和应用这些知识点,开发者可以创建出更加动态、用户...

    iframe框架\JS获取iframe元素

    ### iframe框架与JavaScript获取iframe元素详解 #### 一、引言 `iframe`是非标准HTML标签,最初由Internet Explorer浏览器引入并推广,随后被Mozilla等其他浏览器所支持。`iframe`的主要用途是在当前网页中嵌入另一...

    用DIV仿iframe框架布局效果

    - 为了模拟iframe的动态加载效果,可以在用户点击导航链接时,通过JavaScript改变`content` div的内容,而不是重新加载整个页面。 3. **跨域通信**: - 虽然iframe可以处理跨域问题,但用DIV仿iframe布局时,需要...

    捕捉IFrame SRC改变事件

    ### 捕捉IFrame SRC改变事件 在Web开发中,`&lt;iframe&gt;`(Inline Frame)是一种常用的元素,用于在当前网页中嵌入另一个独立的HTML文档。这为开发者提供了极大的灵活性,例如可以在主页面中加载不同的内容而无需刷新...

    js 改变 框架 大小

    ### 使用JavaScript调整iframe框架大小的方法 在Web开发中,`iframe`是一种常用的技术,它可以嵌入其他网页到当前页面中,使得页面布局更加灵活多变。然而,在实际使用过程中,我们常常需要根据需要动态地调整`...

    ACE_iframe框架版.rar

    ACE_iframe框架版是一个基于ACE后台管理模板的实现,它采用了iframe框架来构建多页面的后台管理系统。这个框架因其简洁、高效和强大的功能而在IT行业中备受推崇,尤其适合开发人员进行后台界面的设计与开发。 首先...

    iframe对另一个iframe控制的Demo

    3. 使用JavaScript改变DOM元素的样式,如隐藏和显示iframe。 4. JSP中嵌入JavaScript代码实现动态交互。 通过深入理解和实践这些技术,开发者可以提升在Web页面交互设计和复杂布局控制方面的能力。

    实现iframe嵌套,适合CMS,CRM等后台框架

    例如,左侧导航栏选择不同的模块,对应的右侧主区域通过动态改变iframe的`src`来加载相应的内容,这样可以实现单页应用的效果,减少页面跳转带来的延迟。 为了更好地适应后台管理框架,我们还需要关注以下几点: 1...

    iframe与主框架跨域相互访问

    然而,当`iframe`中的页面与包含它的主框架页面位于不同的域名下时,会涉及到跨域安全问题。本文将深入探讨`iframe`与主框架如何进行同域和跨域访问,并提供相关的解决方案。 同域访问: 在同域环境下,即`iframe`...

    iframe 实现页面跳转 动态改变主题

    综上所述,通过iframe我们可以实现在不刷新整个页面的情况下进行页面跳转,通过JavaScript可以动态改变iframe的源地址和页面主题,而TabControl则提供了多面板的浏览体验,这些技术都是现代Web开发中不可或缺的部分...

    javascript窗体类似div窗体iframe+div窗体

    1. **动态加载内容**:通过改变IFrame的`src`属性,可以实时更新IFrame中显示的内容,实现动态加载页面或API返回的数据。 2. **模拟弹出窗口**:利用div,我们可以创建可拖动、可关闭的浮动窗体,通过JavaScript...

    javascript实现框架高度随内容改变的方法

    本文将详细介绍两种使用JavaScript实现框架高度随内容改变的方法。 1. **通过父页面改变框架高度** 这种方法的关键在于利用iframe的`contentWindow`和`contentDocument`属性。`contentWindow`是iframe元素内的窗口...

    JavaScript框架(iframe)操作总结

    在iframe的使用场景中,经常需要改变iframe中内容的URL,这时候可以使用window.location属性。这个属性既可以获取当前iframe的URL,也可以设置新的URL从而实现页面跳转。例如,若想将页面中第一个iframe的内容跳转到...

    iframe跨域常用问题和iframe页面自适应

    4. **JavaScript监听窗口大小变化**:通过JavaScript监听`resize`事件,当窗口大小改变时,动态调整`iframe`的大小。例如: ```javascript window.addEventListener('resize', function() { document....

    iframe 与主框架相互访问例子,同域、跨域访问例子。

    此时,JavaScript可以通过`window.parent`对象访问父框架的DOM元素,或者通过`window.frames["iframeName"]`访问`iframe`中的内容。例如,主页面可以通过以下代码获取`iframe`中的某个元素: ```javascript var ...

    跨框架示例(iframe).rar

    - 通过将div设置为`display:none`,然后在需要时使用JavaScript改变其样式,可以实现弹出层的动态显示和隐藏。 4. **浏览器兼容性** - "支持firefox,ie6+"表明这个示例考虑了较旧版本的Internet Explorer,尤其是...

    js改变Iframe中Src的方法

    下面详细讲解如何通过JavaScript改变iframe中的src属性,并且涉及到了一些相关的javascript操作网页元素属性的技巧。 首先,我们需要了解iframe元素。iframe是HTML的内联框架元素,它会创建包含另外一个文档的内联...

    js调用-嵌入iframe

    其中,"js调用-嵌入iframe"是JS在处理页面元素,特别是与IFrame(内联框架)交互时的一个重要技术。IFrame允许在单一网页中嵌入另一个网页,从而实现内容的复用或隔离。下面我们将详细探讨这一主题。 **1. IFrame...

    .net 网页的布局框架 iframe自适应高度 js设置链接样式

    JavaScript可以遍历页面上的所有链接,通过`document.getElementsByTagName('a')`或`querySelectorAll('a')`方法获取链接元素集合,然后对每个元素应用样式。例如,可以改变链接的颜色、字体大小、鼠标悬停效果等,...

Global site tag (gtag.js) - Google Analytics