如何使用javascript将值从iframe返回到主体

我有一个html代码，如下所示：

文件内的代码.htm

<a href="url" id="1">click me</a>
<a href="url" id="2">click me</a>
<a href="url" id="3">click me</a>

主体中的代码

<body>
    <iframe src="file.htm"></iframe> 
</body>
<script>
   function responseValue(val) { alert(val) }
</script>

我想点击file.htm中的<a>，并将<a>的id返回到body。

如何使用JavaScript？

文件中的脚本.htm

var i;
var els = document.getElementsByTagName('a');
for(i=0 ; i < els.length ; i++){
  els[i].addEventListener("click", window.top.responseValue(this.id), false);
}

在主文件中尝试此脚本

<script type="text/javascript">
     var frame = document.getElementById('myframe');
     frame.onload = function ()
     {
       frameClick()
     }
     function frameClick()
      {
    var anchorTags = frame.contentWindow.document.getElementsByTagName("a");    
    for(i=0 ; i < anchorTags.length ; i++){
      anchorTags[i].onclick = function()
        {
          responseValue((this.id));
          return false;
        }
    }
      }
    function responseValue(value) {
     alert(value);
   }
</script>

相关内容

最新更新

热门标签：