Question

我有一个像这样的HTML代码：

file.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>

我想点击 <a> 中的file.htm，并将<a>的ID返回正文。

我如何处理JavaScript？

Answer 1

file.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);
}

Answer 2

在主文件中尝试此脚本

<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>

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

2 个答案: