如何在 iframe src 中插入一个变量以达到打开各种站点的灵活性？（来自：html 页面和 javascript ）

Question

我希望我的用户从我的网站打开他们想要的网站，为此我需要在 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>

此代码无效，而我需要这样的代码才能使用！

Answer 1

这里有一个函数可能会做你想做的事：

<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()">

在 body 中的某处，因此函数会在页面运行时运行。

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

此外，您在 body 中也需要这个：

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

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

Answer 2

一个文本字段，用户可以在其中输入他们想在 wikipedia 或任何您想要的网站上搜索的任何内容，一个提交按钮，点击后将调用一个函数。 answer.value 将给出文本字段的值，它与 website initial url.

连接

HTML

<input type="text" name="inputField" id="answer" placeholder="Enter what you wanna search">
<button type="button" name="button" onclick="mySubmit()">Submit</button>
<iframe id="search" src="" width="100%" height="100%" frameborder="0"></iframe>

脚本

<script>
function mySubmit() {
        let getInput = answer.value;
        var address;
        address = "https://en.wikipedia.org/wiki/" + getInput;
        document.getElementById('search').src = address;
}
</script>

如何在 iframe src 中插入一个变量以达到打开各种站点的灵活性？ （来自：html 页面和 javascript ）

How can I insert a variable in iframe src to reach felixibilty for open the various sites? (by: html page and javascript )

html

javascript

iframe

src

如何在 iframe src 中插入一个变量以达到打开各种站点的灵活性？（来自：html 页面和 javascript ）