时间戳

首页 > 解决方案 > 如何在 iframe src 中插入变量以达到打开各个站点的灵活性？(by: html 页面和 javascript )

javascript - 如何在 iframe src 中插入变量以达到打开各个站点的灵活性？(by: html 页面和 javascript )

问题描述

我希望我的用户从我的网站打开他们想要的网站，为此我需要在 iframe 的 src 中插入一个变量，该变量由用户输入字符串更改。

事实上，我需要一种像下面这样的代码：

<html>
    <body>
        <script type="text/javascript">
            var userInput_stringVariable= "this part is user desired input string" ;
            var adress= "https://en.wikipedia.org/wiki/" + userInput_stringVariable ;
        </script>
        <iframe src=adress width="100%" height="100%" frameborder="0"></iframe>
    </body>
</html>

此代码不起作用，而我需要这样的代码才能使用！

标签： javascripthtmliframesrc

解决方案

这是一个可能会执行您想要的功能的功能：

<script type="text/javascript">
function selectPage() {
var userImput_stringVariable = prompt("desired imput string");

if (userImput_stringVariable != null) {
    document.getElementById("getPage").innerHTML =
    "<iframe width='100%' height='100%' src='https://en.wikipedia.org/wiki/" + userImput_stringVariable + "'></iframe>";
}
}
</script>

只需添加

    <body onload="selectPage()">

正文中的某处，因此该功能在页面运行时运行。

它会打开一个提示，然后用户必须输入地址。

你也需要这个：

    <p id="getPage"></p>

它在函数中创建一个包含 iframe 内容的段落。

推荐阅读