Question

早上好，我现在是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>

Answer 1

您使用的是未定义的函数，并且在查询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

如何使用jQuery在iframe中显示输入的源代码？

1 个答案: