RELATEED CONSULTING
相关咨询
选择下列产品马上在线沟通
服务时间:8:30-17:00
你可能遇到了下面的问题
关闭右侧工具栏

新闻中心

这里有您想知道的互联网营销解决方案
html中如何获取父页面的值

在HTML中,要获取父页面的值,可以使用JavaScript的window.parent对象,以下是一个简单的示例:

创新互联建站网络公司拥有十年的成都网站开发建设经验,近1000家客户的共同信赖。提供网站建设、成都做网站、网站开发、网站定制、友情链接、建网站、网站搭建、成都响应式网站建设、网页设计师打造企业风格,提供周到的售前咨询和贴心的售后服务

1、创建一个HTML文件,例如index.html,并在其中添加以下内容:




    
    
    获取父页面值示例


    

子页面

2、创建一个JavaScript文件,例如script.js,并在其中添加以下内容:

function getParentValue() {
    // 获取父页面的iframe元素
    var parentIframe = window.parent.document.getElementById('parentIframe');
    // 获取父页面的值
    var parentValue = parentIframe.contentWindow.document.getElementById('parentValue').value;
    // 显示父页面的值
    alert('父页面的值是:' + parentValue);
}

3、在父页面(例如parent.html)中添加以下内容:




    
    
    父页面


    

父页面

在这个示例中,我们创建了两个HTML文件:index.htmlparent.htmlindex.html是子页面,parent.html是父页面,我们在子页面中添加了一个按钮,当点击该按钮时,会调用getParentValue()函数,这个函数会获取父页面的值,并显示在一个弹出框中。


网页标题:html中如何获取父页面的值
转载来源:http://www.jxjierui.cn/article/ccidioe.html