javascript - 从用户输入的 javascript 表单中定位 iframe src

标签 javascript forms url iframe src

我正在尝试从 javascript 表单定位 iframe 的源。所以如果有人输入 http://www.reddit.com iframe 的来源将更改为 reddit.com 我已经尝试了一些方法,但您不能在 src 中放置脚本标记,所以有没有什么方法可以使用 javascript 执行此操作,或者我是否需要制作一个 php echo 函数?

<iframe  src="http://www.stachoverflow.com/"></iframe>

最佳答案

你的意思是这样的吗?

<input type="url" placeholder="http://example.com/" /><button id="urlclick">Go</button>
<iframe id="frm"></iframe>

<script type="text/javascript">
  document.getElementById('urlclick').onclick = function() {
    document.getElementById('frm').src = this.previousSibling.value;
    return false;
  }
</script>

关于javascript - 从用户输入的 javascript 表单中定位 iframe src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14007702/

相关文章:

azure - 如何保护 Azure Blob 存储 URL 不被任何使用开发人员工具的人检索

javascript - 更新页面数据

sql - Vb.net - 数组、数据库或 sql

html - html 中的表单 - 如何让表单做两件事?

javascript - 提交前验证表单

java - 使用 url 在 jsp 文件上显示照片

javascript - 将base64字符串绑定(bind)到src图像不适用于vue

javascript - 在 WordPress 中使用 JavaScript 提交表单后,页面立即重新加载

javascript - 在单页网站中调整浏览器大小时显示其余 div

javascript - 使用 JavaScript 将文本添加到 url 的开头