如何在iframe src中插入变量以达到felixibilty以打开各个站点? (通过:html页面和javascript)

问题描述 投票:0回答:2

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

这段代码不起作用,而我需要这样的代码才能使用!

javascript html iframe src
2个回答
0
投票

一个文本字段,用户可以在wikipedia或任何你想要的网站上输入他们想要搜索的内容,一个提交按钮,它会在点击后调用一个函数。 answer.value将给出textfield的值,并且它与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>

0
投票

这是一个可能会做你想要的功能:

<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内容的段落。

© www.soinside.com 2019 - 2024. All rights reserved.