Question

这是我目前获得的代码。它根本不起作用。我想在输入中输入一个单词。提交表单时，输入值将成为Javascript变量“germsearch”。然后document.write整个页面，使它有六个帧（其中五个的src包含变量“germsearch”）。基本上，这个想法是你搜索一个术语，它加载五个帧搜索不同的词典（保持第六帧在顶部以保持搜索框）。

<head>
<script type="text/javascript" language="javascript">
  function run() {
     var germsearch = document.getElementById("german").value;
     document.write("<html><head><title>GERMANICVS</title></head>
          <frameset rows=\"10%, 90%\">
            <frame src=\"searchbox.html\">
            <frameset cols=\"20%, 20%, 20%, 20%, 20%\">
              <frame src=\"http://de-is.pocket.dict.cc/?s=" +germsearch+ "\">
              <frame src=\"http://de-sv.pocket.dict.cc/?s=" +germsearch+ "\">
              <frame src=\"http://de-nl.pocket.dict.cc/?s=" +germsearch+ "\">
              <frame src=\"http://de-no.pocket.dict.cc/?s=" +germsearch+ "\">
              <frame src=\"http://de-da.pocket.dict.cc/?s=" +germsearch+ "\">
            </frameset>
          </frameset></html>"); }
</script>
</head>

<body>
<form onSumbit="run()">
  <input type="text" id="german" value="">
  <input type="submit" value="GERMANIFY">
</form>
</body>

提前致谢，劳埃德

Answer 1

更改

<form onSumbit="run()">

到

<form onSubmit="run()">

另外，将document.write更改为

document.write('<html><head><title>GERMANICVS</title></head><frameset rows=\"10%, 90%\"><frame src=\"searchbox.html\"><frameset cols=\"20%, 20%, 20%, 20%, 20%\"><frame src=\"http://de-is.pocket.dict.cc/?s=" +germsearch+ "\"><frame src=\"http://de-sv.pocket.dict.cc/?s=" +germsearch+ "\"><frame src=\"http://de-nl.pocket.dict.cc/?s=" +germsearch+ "\"><frame src=\"http://de-no.pocket.dict.cc/?s=" +germsearch+ "\"><frame src=\"http://de-da.pocket.dict.cc/?s=" +germsearch+ "\"></frameset></frameset></html>');

（单行）或者在换行符之前使用反斜杠。

Answer 2

我修复了你的答案，它显示了你想要做的事情首先，我更改了您的表单，因为使用document.getElementByID获取值时，如果您可以使用document.forms 此外，我使用了一个“按钮”标签而不是正常的“提交”按钮，一切都像您希望它一样工作。

希望这会有所帮助：）

<html>
<head>
    <script type="text/javascript" language="javascript">
      function run() {
         var germsearch = document.forms["myForm"]["german"].value;
         alert(germsearch);
         document.write('<html><head><title>GERMANICVS</title></head><frameset rows=\"10%, 90%\"><frame src=\"searchbox.html\"><frameset cols=\"20%, 20%, 20%, 20%, 20%\"><frame src=\"http://de-is.pocket.dict.cc/?s=" +germsearch+ "\"><frame src=\"http://de-sv.pocket.dict.cc/?s=" +germsearch+ "\"><frame src=\"http://de-nl.pocket.dict.cc/?s=" +germsearch+ "\"><frame src=\"http://de-no.pocket.dict.cc/?s=" +germsearch+ "\"><frame src=\"http://de-da.pocket.dict.cc/?s=" +germsearch+ "\"></frameset></frameset></html>'); }
    </script>
</head>

<body>
    <form name="myForm" >
      <input type="text" name="german">
      <button type="button" onclick="run()">Submit</button>
    </form>
</body>

HTML表单输入到Javascript var到document.write

2 个答案: