首页 > 其他分享 >js操作iframe

js操作iframe

时间:2023-09-17 10:05:11浏览次数:31  
标签:parent iframe1 js iframe mothd1 frames 操作 document 页面


父页面

<iframe name="iframe1" ></iframe>
<iframe name="iframe2" ></iframe>
<script type="text/javascript">
function p_mothd1(){
   alert('p_mothd1');
}
</script>

子页面iframe1页面

function iframe1_mothd1(){
   alert('iframe1_mothd1');
}

js操作

父页面调用子页面方法
parent.frames["iframe1"].window.iframe1_mothd1()
父页面调用子页面元素
parent.frames["iframe2"].document.getElementById('id2')
子页面调用父页面方法
parent.p_mothd1();
子页面调用父页面元素
parent.document.getElementById("id3");

jquery操作

子调父
$("#id",parent.frames["iframe1"].document).html();
父调子
$('#id', parent.document).html();


标签:parent,iframe1,js,iframe,mothd1,frames,操作,document,页面
From: https://blog.51cto.com/u_1481758/7499554

相关文章

  • mysql update、delete left join 操作
    1delete删除多表DELETEq,pqfromcom_purchasequoteqLEFTJOINcom_purchasequote_snapshootpqonq.id=pq.idwhereq.id=84110;删除一张表DELETEqfromcom_purchasequoteqLEFTJOINcom_purchasequote_snapshootpqonq.id=pq.idwhereq.id=82347;DELETEpqfrom......
  • css+js:实现tab切换线条跟随效果
    (目录)实现效果使用css和js实现一个tab切换的效果原理解析如上图红色框框代表盒子,总宽度记作totalWidth绿色框框代表每一项,宽度记作itemWidth深蓝色框框代表的是下划线,宽度记作activeWitdh那么我们可以得到线的左边距是每一项的左边距加上一个值这个值是每一项的......
  • Sql server 对数据库、表、字段的一些操作
    usemaster--修改数据库名称--方法一。alterdatabaseTestDatamodifyname=new_TestData--方法二。(需要比较高的权限)execsp_renamedbTestData,new_TestData--修改逻辑名(主数据库逻辑名称)alterdatabaseTestDatamodifyfile(name=TestData_Data,newname=new_Te......
  • 如何避免HTML iframe导致页面刷新
    要避免HTMLiframe导致页面刷新,您可以采取以下几种方法:使用AJAX加载内容:使用JavaScript的AJAX技术来异步加载iframe中的内容,这样就可以避免整个页面的刷新。您可以使用XMLHttpRequest或者jQuery的$.ajax方法来实现异步加载。设置iframe的sandbox属性:将iframe的sandbox属性设置为"al......
  • 如何从 javascript 中的 Web api 将 json 对象传递到项目的其余部分
    在将从WebAPI获取的JSON数据传递到项目的其他部分之前,您需要确保在完成fetch请求并获得响应后再进行处理。因为fetch是一个异步操作,需要等待服务器响应的完成才能获取到数据。在您的代码示例中,您可以将json数据传递给其他函数或组件进行后续处理。以下是一种可能的处理方式:fetch(B......
  • shell命令概述 Shell作用:命令解释器 介于操作系统内核与用户之间,负责解释命令行 获得
    shell命令概述Shell作用:命令解释器介于操作系统内核与用户之间,负责解释命令行获得命令帮助内部命令help命令的“--help”选项使用man命令阅读手册页命令行编辑的几个辅助操作Tab键:自动补齐反斜杠“\”:强制换行快捷键Ctrl+U:清空至行首快捷键Ctrl+K:清空至行尾快捷键Ctr......
  • shell命令概述 Shell作用:命令解释器 介于操作系统内核与用户之间,负责解释命令行 获得
    shell命令概述Shell作用:命令解释器介于操作系统内核与用户之间,负责解释命令行获得命令帮助内部命令help命令的“--help”选项使用man命令阅读手册页命令行编辑的几个辅助操作Tab键:自动补齐反斜杠“\”:强制换行快捷键Ctrl+U:清空至行首快捷键Ctrl+K:清空至行尾快捷键Ctr......
  • shell命令概述 Shell作用:命令解释器 介于操作系统内核与用户之间,负责解释命令行 获得
    shell命令概述Shell作用:命令解释器介于操作系统内核与用户之间,负责解释命令行获得命令帮助内部命令help命令的“--help”选项使用man命令阅读手册页命令行编辑的几个辅助操作Tab键:自动补齐反斜杠“\”:强制换行快捷键Ctrl+U:清空至行首快捷键Ctrl+K:清空至行尾快捷键Ctr......
  • C# Record类使用 注解Attribute JsonConverter
    用Record类的时候,声明成员很方便,但是想要用注解,要用下面这种方式: 和这种方式相同:JsonConverter使用需要创建一个class继承与JsonConverter<T>classJsonDoubleCvt:JsonConverter<double>{publicoverridedoubleRead(refUtf8JsonReaderreader,Typet......
  • Python 基本操作
    Python语法可以直接在命令行中编写并执行:>>>print("Hello,World!")Hello,World!或者,可以在服务器上创建一个带有.py文件扩展名的Python文件,并在命令行中运行它:C:\Users\YourName>pythonmyfile.pyPython缩进缩进是指代码行开头的空格。在其他编程语言中,代码中的缩进......