Javascript 如何将数据从xml(在iframe中)拉到具有动态文件夹的父文件夹中

Javascript 如何将数据从xml(在iframe中)拉到具有动态文件夹的父文件夹中,javascript,xml,iframe,Javascript,Xml,Iframe,在阅读了这个网站上的近100篇帖子后,我试图找到一个问我需要什么的人,但我放弃了,决定只问我自己。请原谅这篇文章的其余部分,因为专家们可能会觉得它很愚蠢。。但事情是这样的 我正在尝试为我创建的css样式设置一种实时演示。我们的想法是创建一个静态页面,该页面的页眉高度约为100px,并带有所有样式的下拉列表。用户将从列表中选择一个样式名称,并将该样式加载到一个iframe中,该iframe占据了viewport/styles/xx/index.html的其余部分 除了一个下拉列表,我还想列出一些关

在阅读了这个网站上的近100篇帖子后,我试图找到一个问我需要什么的人,但我放弃了,决定只问我自己。请原谅这篇文章的其余部分,因为专家们可能会觉得它很愚蠢。。但事情是这样的

我正在尝试为我创建的css样式设置一种实时演示。我们的想法是创建一个静态页面,该页面的页眉高度约为100px,并带有所有样式的下拉列表。用户将从列表中选择一个样式名称,并将该样式加载到一个iframe中,该iframe占据了viewport/styles/xx/index.html的其余部分

除了一个下拉列表,我还想列出一些关于每种风格的数据,如作者、下载链接、支持等

起初,我考虑在每个样式文件夹中包含一个.xml文件,但我不知道如何从iframe中将数据拉到父文件夹

我已经画了一个我试图达到的模型,使我有限的解释能力可以忍受

红色文本是我希望在每次从下拉列表中选择不同样式时更新的文本

我还应该注意到,我并没有像我在这里读到的大多数人那样一意孤行。我的意思是,我不一定要用某种方式,我完全愿意接受关于如何快速向用户展示css模板的实时演示的建议

提前感谢您的帮助

不使用XML文件,而是使用JavaScript文件将信息主动推送到其父级中,怎么样

parent.document.getElementByIdauther.innerHTML=John Steinbeck; parent.document.getElementByIdrating.innerHTML=10分之5

或2。不使用XML文件,而是使用包含函数的JavaScript文件如何:

getinfo = function() { return  {'Author':'John Steinbeck','Rating' : '5 out of 10' ... } }
然后可以从父元素访问数组,并直接获取数据

当然,有更好的方式来规划这两个想法。但要展示基本理念