Question

我正在开展一个项目，为我们的飞行员创建一个登陆页面，以便在起飞前快速检查天气。由于我们的计算机安全限制，我只能使用iframe来访问我需要的信息。

这是我到目前为止所得到的：

function NWSRADAR() { 
   ifrm = document.createElement("IFRAME"); 
   ifrm.setAttribute("src", "http://radar.weather.gov/Conus/Loop/NatLoop.gif"); 
ifrm.setAttribute("id", "NWSRADAR")

   document.body.appendChild(ifrm); 
} 

    function rNWSRADAR() {
   var frame = document.getElementById("NWSRADAR");
        frame.parentNode.removeChild(frame);
}

所以第一个打开框架，第二个打开框架。我用这样的超链接调用函数：

<a href='javascript:NWSRADAR()'>NWS Radar</a>
<a href='javascript:rNWSRADAR()'>X</a>

这一切都很好，但我有大约30个链接，我需要变成可点击的按钮，并想知道如何有一个通用的打开和关闭功能，使用变量的网页，而不是30个单独的功能与固定的iframe来源和名称。

感谢。

Answer 1

您可以使用数组：

function NWSRADAR(num) { 

   var urls = ["a url", "another url"];

   ifrm = document.createElement("IFRAME"); 
   ifrm.setAttribute("src", urls[num]); 
 }

然后你就这样称呼它：

<a href='javascript:NWSRADAR('number that corresponds with the right url in the array')'>NWS Radar</a>

你可以对名字做同样的事情。

使用变量创建和删除iFrame

1 个答案: