我希望我的用户从我的网站打开他们想要的网站,为此我需要在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>
这段代码不起作用,而我需要这样的代码才能使用!
一个文本字段,用户可以在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>
这是一个可能会做你想要的功能:
<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内容的段落。