如何将变量从html表单传递到.js文件

How to pass a variable from a html form to a .js file?

本文关键字：js 文件 表单 html 变量      更新时间：2023-12-08

这是我的代码

文件external.js:

var TRange=null;
function findString (str) {
 if (parseInt(navigator.appVersion)<4) return;
 var strFound;
 if (window.find) {
  // CODE FOR BROWSERS THAT SUPPORT window.find
  strFound=self.find(str);
  if (!strFound) {
   strFound=self.find(str,0,1);
   while (self.find(str,0,1)) continue;
  }
 }
 else if (navigator.appName.indexOf("Microsoft")!=-1) {
  // EXPLORER-SPECIFIC CODE
  if (TRange!=null) {
   TRange.collapse(false);
   strFound=TRange.findText(str);
   if (strFound) TRange.select();
  }
  if (TRange==null || strFound==0) {
   TRange=self.document.body.createTextRange();
   strFound=TRange.findText(str);
   if (strFound) TRange.select();
  }
 }
 else if (navigator.appName=="Opera") {
  alert ("Opera browsers not supported, sorry...")
  return;
 }
 if (!strFound) alert ("String '"+str+"' not found!")
 return;
}

文件搜索.html：

<html>
<head></head>
<title>Search</title>
<body>
<form name="input" action = "external.js">
Search for: <input type="text" name="keytext" /><br />
</form>
<p> You can search this text. Search the text again</p>
</body>
</html>

我正在寻找一种方法来修改HTML文件的表单部分，这样它就可以调用外部JavaScript（external.js）并传递参数。参数将是输入框中的文本。

在search.html中添加对javascript文件的引用。像这样

<script src="external.js" type="text/javascript"></script>

然后可以调用javascript文件中的函数，如so

<input type="text" name="keytext" onClick='findString("test")'/>

在本例中，您将把字符串"test"传递给函数findString

编辑：您也可以使用其他事件，如onblur，这完全取决于您想要何时激发该事件。

希望这能有所帮助。

相关文章：