Question

我是javascript的新手，我想知道一些非常基本的东西。我有一个iFrame，我想要一个动态的src。这个src（source）应该只是一个变量。然后脚本在加载帧之前设置该变量。

它实际上是Sharepoint 2010中的一个webpart，因此我设置了webpart并将其HTML源代码编辑为：

<script language="JavaScript">


var qs = getQueryStrings();
var myParam = qs["myParam"]; 

function getQueryStrings() { 
  var assoc  = {};
  var decode = function (s) { return decodeURIComponent(s.replace(/\+/g, " ")); };
  var queryString = location.search.substring(1); 
  var keyValues = queryString.split('&'); 

  for(var i in keyValues) { 
    var key = keyValues[i].split('=');
    if (key.length > 1) {
      assoc[decode(key[0])] = decode(key[1]);
    }
  } 

  return assoc; 
} </script>

<iframe height="500" src="(myParam);" width="800"></iframe>

我甚至不确定语法是否正确。基本上，我想将变量插入到iframe的src中。

Answer 1

您必须为您的Iframe提供一些课程或ID。然后你可以调用一个函数，它将动态地给出src到i帧。从客户端使用此：

$('#ID_of_Iframe').attr('src','NEW SRC hERE');

Example: $('#ID_of_Iframe').attr('src','www.google.com');

Answer 2

建立这样的链接：

<a href="file1.pdf" onClick="window.frames['myPdfFrameName'].location ='file1.pdf';return false;">File1.PDF</a>

或：

<iframe name='myPdfFrameName'></iframe>

<a href="" onClick="loadFrame('file1.pdf');">File1.PDF</a>

function loadFrame(href) {
   window.frames['myPdfFrameName'].location = href;
   return false;
}

编辑：最简单的可能是使用链接的目标属性：

<a href='file1.pdf' target='myPdfFrameName'>File1.pdf</a>

获取url查询字符串并在iframe上用作src

2 个答案: