早上好， 我现在是 jQuery 的初学者，在使用 iframe 和输入时遇到问题。 情况是这样的: 我有一个输入，可以输入(例如)一个网站，并将其显示在 iframe 上。我尝试了很多但没有结果。这是我的代码。 我非常感谢你们的帮助，非常感谢!
<head>
<meta charset="utf-8"/>
<title></title>
<link rel="stylesheet" type="text/css" href="">
</head>
<body>
<input type="button" value="GO" onClick="getval()" />
<input type="text" name="url" src="http://www.google.com" id="textframe">
<iframe src="" id="targetframe"></iframe>
<script type="text/javascript" src="jquery/jquery-3.1.1.js"></script>
<script type="text/javascript">
function getvalue() {
var xframe = $("textframe").val();
$("targetframe").attr('src', xframe);
}
</script>
</body>
最佳答案
您使用了未定义的函数，并且在查询 id 时没有在 jquery 对象上放置哈希符号。
我修复了你的代码片段，它应该可以工作。
function getval() {
var xframe = $("#textframe").val();
$("#targetframe").attr('src', xframe);
}
$("#btnGo").click();<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="btnGo" value="GO" onClick="getval()" />
<input type="text" name="url" value="http://www.stackoverflow.com" id="textframe"> <br>
<iframe src="" id="targetframe"></iframe>请记住，iframe 需要在网址中包含 http:// 才能正常工作。
如果您在自己的网站上输入 www.google.com 并且您的网站是 www.example.com，那么您的 iframe 源将变为 www.example.com/www.google.com
关于javascript - 如何使用 jQuery 在 iframe 中显示输入源？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40462304/