gpt4 book ai didi

javascript - 如何在iframe中显示用户输入

转载 作者:行者123 更新时间:2023-12-02 19:20:37 25 4
gpt4 key购买 nike

我有一个输入框供用户输入任何网址。然后我想在点击提交后在 iframe 中显示该网站。

<html>
<head>
<title></title>
<style>
#netframe {
float:right;
height: 100%;
width: 80%;
}

#sidebar {
float:left;
height: 100%;
width: 20%;
}
</style>
</head>
<body>
<div id="container">
<div id="sidebar">
Enter A URL:
<input type="text" name="url" id="url">
<input type="button" value="load" id="load">
<br><br>
</div>
<div id="netframe">
<iframe height="100%" width="100%" class="netframe" src="pullsite.php" id="main_frame"></iframe>
</div>
</div>
</body>
</html>

这是我在网上找到的最接近的,但它没有做任何事情: How To Reload A iframe Using jQuery

最佳答案

jsBin demo

HTML:

<input type="text" id="url" name="url" value="http://" /> 
<iframe height="90%" width="100%" src="" id="frame"></iframe>

jQuery

$('input#url').on('input', function() {
$('#frame').attr('src', this.value);
});

关于javascript - 如何在iframe中显示用户输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12574727/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com