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

HTML form input to Javascript var to document.write

本文关键字:document write var Javascript 输入 HTML 表单      更新时间:2023-09-26

这是我目前得到的代码。它根本不起作用。我想在输入法中输入一个单词。提交表单时,输入值变成Javascript变量"germsearch"。然后文档。编写整个页面,使其具有这六个帧(其中五个的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>

提前感谢,劳埃德

变化

<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>');

(单行)或者在换行前使用反斜杠

我固定了你的答案,它显示你正在尝试做什么首先,我改变了你的形式,因为使用文档。当您可以使用document.forms时,getElementByID来获取值对我来说是错误的我还使用了一个"button"标签,而不是普通的"submit"按钮,一切都像你想要的那样工作。

希望这对你有帮助:)

<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>