如何在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()">

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

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

另外，您体内也将需要此：

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

它使用功能内的iframe内容创建一个段落。

Answer 2

用户可以在其中输入想要在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>

如何在iframe src中插入变量以达到可打开多个网站的功能？（通过：html页面和javascript）

问题描述

2 个解决方案

解决方案1
0 2018-09-02 10:02:04

解决方案2
0 已采纳 2018-09-02 10:06:08

如何在iframe src中插入变量以达到可打开多个网站的功能？ （通过：html页面和javascript）

问题描述

2 个解决方案

解决方案1 0 2018-09-02 10:02:04

解决方案2 0 已采纳 2018-09-02 10:06:08

如何在iframe src中插入变量以达到可打开多个网站的功能？（通过：html页面和javascript）

解决方案1
0 2018-09-02 10:02:04

解决方案2
0 已采纳 2018-09-02 10:06:08