1

私は現在、ユーザーがフォームからURLをテキストボックスに入力し、ボタンをクリックしてiframeを含む新しいウィンドウで開くと、フォームからURLを取得するJavaScript関数を作成しようとしています。これが私が現在持っているものです：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
label {
display:block;
}
</style>
<script type="text/javascript">

function goTo() {
    var url = document.forms[0].url.value;
    myWindow = window.open('', '', 'width=800,height=800');
    myWindow.document.write("<iframe src='url'></iframe>");
    myWindow.focus();
    return false;
}

</script>
</head>
<body>
<form action="" method="get" onsubmit="return goTo()">
    <label for="url">Enter the URL:
    <input type="text" name="url" id="url">
    <input type="submit" value="Submit">
</form>
</body>
</html>

私が現在抱えている主な問題は、url 変数を document.write() メソッドに渡す方法を決定することです。iframe で典型的なソース URL を試すと問題なく動作しますが、ユーザーが渡した値を使用したいので、当然のことながらそれは目的を無効にします。どんな支援も歓迎します。私には虚偽の作者がいないので、もし私が根本的に間違ったことをしているのであれば、それで問題ありません。プロに知らせてもらいたいのです。

4

1 に答える 1

1

url 変数は、例の文字列の一部です。代わりにこれを試してください。また、有効な URL であることを確認してください。

myWindow.document.write("<iframe src='"+ url +"'></iframe>");

また、新しいウィンドウに iframe を書き込むのは少し冗長であることも付け加えておきます。あなたはただやるべきです

myWindow = window.open(url, "", "width=800,height=800");
于 2013-10-04T00:15:16.867 に答える