Question

我正在尝试建立一个可以从fontbit（希伯来语字体公司）下载字体的网站。我在这里做了什么：

<!DOCTYPE html>
<html>
<head>
<title>הורדת פונטים מפונטביט בחינם</title>
</head>
<body align="center">
<form name="form" onsubmit="return downloadFont()" method="post">
<span dir="rtl" align="center">שם הפונט באנגלית:</span><br>
<input type="text" name="name"><br><br>
<input align="left" type="radio" name="fonttype" value="regular">Regular<br>
<input align="left" type="radio" name="fonttype" value="bold">Bold<br><br>
<input type="submit" value="download">
</form>
<script>
function downloadFont() {
    var fontName = document.form["form"]["name"].value;
  var fontType= document.form["form"]["fonttype"].value;
  function bold() {
    var url = "http://fontface.co.il/fonts/"+fontName+"boldwebfont.eot";
    window.location=url;
  }
  function regular() {
    var url = "http://fontface.co.il/fonts/"+fontName+"regularwebfont.eot";
    window.location=url;
  }
  if (fontType == regular) {
    regular();
  }
  if (fontType==bold) {
    bold();
  }
  else {
  alert("error");
  }  
}

</script>
</body>
</html>

我是初学者，所以也许我犯了一个大错，问题是，当我点击下载它应该带我到一个网址。但它什么也没做。（希伯来文是“英文中的字体：”）

Answer 1

您的代码中有多处错误。只需将您的代码与此代码进行比较，您就会发现自己做错了什么。试试这段代码：

<!DOCTYPE html>
<html>
<head>
<title>הורדת פונטים מפונטביט בחינם</title>
</head>
<body align="center">
<form name="form" onsubmit="return downloadFont()" method="post">
<span dir="rtl" align="center">שם הפונט באנגלית:</span><br>
<input type="text" name="name"><br><br>
<input align="left" type="radio" name="fonttype" value="regular">Regular<br>
<input align="left" type="radio" name="fonttype" value="bold">Bold<br><br>
<input type="submit" value="download">
</form>
<script>
function downloadFont() {
    var fontName = document.forms["form"]["name"].value;
    var fontType= document.forms["form"]["fonttype"].value;

  if (fontType == 'regular') {
    regular(fontName);
  }
  else if (fontType=='bold') {
    bold(fontName);
  }
  else {
    alert("error");
  }  
}
function bold(fontName) {
  var url = "http://fontface.co.il/fonts/"+fontName+"boldwebfont.eot";
  window.open(url, '_blank');
}
function regular(fontName) {
  var url = "http://fontface.co.il/fonts/"+fontName+"regularwebfont.eot";
  window.open(url, '_blank');
}

</script>
</body>
</html>

可能需要对您的网址进行一些修改。

HTML和JS表单，无法正常工作

1 个答案: