如何重定向或iframe ID内容?

时间:2015-12-09 11:15:40

标签: javascript php jquery html iframe

我现在的代码目前是this

正如您所看到的,它会将2个随机字符串生成到包含字母和数字的链接中。但是,如何强制它打开或重定向到新生成的链接?或者甚至可能是iFrame吗? 从现在开始,它只是简单地写出了生成后链接的外观。

顺便说一下,我在找的东西也在这里: " How to change part of an iFrame’s URL to a random string? "

在看到这个之后我就这么做了。



  function randString(x) {
    var s = "";
    while (s.length < x && x > 0) {
      var r = Math.random();
      s += (r < 0.1 ? Math.floor(r * 100) : String.fromCharCode(Math.floor(r * 26) + (r > 0.5 ? 97 : 65)));
    }
    return s;
  }

document.getElementById("doo").innerHTML = randString(4);
&#13;
&#13;
&#13;

以上是我在JSFiddle上找到的JavaScript代码,我用它来生成链接的一部分。

1 个答案:

答案 0 :(得分:1)

超级简单的东西..现在,你只是将生成的链接字符串放入一个名为“doo”的虚拟元素的innerHTML中(上面的代码片段中没有这个,导致你在运行时看不到任何输出)片断)

现在,你想打开这个链接?还是iframe呢?容易..

var myLink = 'http://anylink.com/' + randString(4);
window.open(myLink); // this will open the link in a new window/tab

或iframe会是这样的

var myLink = 'http://anylink.com/' + randString(4);
var myIframe = document.createElement('iframe');
myIframe.src = myLink;
document.body.appendChild(myIframe);

évoilà:)

哦,如果你想“旋转”你的iframe - 这将是一个CSS任务 - 像iframe一样的CSS定义,例如:

iframe {
  transform: rotateZ(45deg);
}