Fatal编程技术网
  • javascript/
  • 简单javascript：数组和表单信息收集

简单javascript：数组和表单信息收集

javascript html

简单javascript：数组和表单信息收集,javascript,html,Javascript,Html,我一点也不懂javascript，我只是喜欢自己列清单。我目前正在尝试创建一个html页面，我可以跟踪我最喜欢的游戏中的角色，但我遇到了一些我不知道如何解决的问题 function overview () { var ov01=document.form.ov01.value;//file var ov02=document.form.ov02.value;//text var ov03=document.form.ov03.value;//text var ov

我一点也不懂javascript，我只是喜欢自己列清单。我目前正在尝试创建一个html页面，我可以跟踪我最喜欢的游戏中的角色，但我遇到了一些我不知道如何解决的问题

function overview ()
{
    var ov01=document.form.ov01.value;//file
    var ov02=document.form.ov02.value;//text
    var ov03=document.form.ov03.value;//text
    var ov04=document.form.ov04.value;//text
    var ov05=document.form.ov05.value;//radio
    var ov06=document.form.ov06.value;//select
    var ov07=document.form.ov07.value;//number
    var ov08=document.form.ov08.value;//text

document.result.endresult.value="<!DOCTYPE html><html><head><title>Save Challenge Valley</title><link rel='stylesheet' type='text/css' href='./forSCV/scripts/SaveChallengeValley.css'><script type='text/javascript' src='./forSCV/scripts/onmouseover-out.js'></script></head><body><div id='container'><div id='title'><table id='title'><tr><td rowspan='2'><img src='//C:/Users/Nancy/Pictures/The Sims/Sims 2-familytrees/ChallengePhotos/alloyE.jpg' alt='Alloy Challenge' id='title' title='Alloy Challenge'></td><td><h1>Save Challenge Valley</h1></td><td rowspan='2'><img src='//C:/Users/Nancy/Pictures/The Sims/Sims 2-familytrees/ChallengePhotos/addisonE.jpg' alt='Addison Challenge' id='title' title='Addison Challenge'></td></tr><tr><td class='bottom'><b>"+ov02+""+ov04+"</b></td></tr></table></div><script type='text/javascript' src='./forSCV/scripts/menusSCV.js'></script><div id='easy1'><h2>Overview</h2><img src='//C:/Users/Nancy/Pictures/The Sims/Sims 2-familytrees/ChallengePhotos/'"+ov01+"' alt='"+ov02+" "+ov03+"' title='"+ov02+" "+ov03+"' class='overview1'><table class='overview2'><tr><td>Name:</td><td class='white'>"+ov02+""+ov04+" "+ov03+"</td></tr><tr><td>Treat as:</td><td class='white'>"+ov05+"</td></tr><tr><td>Life Section:</td><td class='white'>"+ov06+"</td></tr><tr><td>Remaining Days:</td><td class='white'>"+ov07+"</td></tr><tr><td>Catalog Desc.:</td><td class='white'>"+ov08+"</td></tr></table></div>"
}
让我们来处理在婚前姓名周围添加一些括号的问题。你肯定有一个问题，那就是你对待ov04的方式。它包含一个字符串——婚前的名字，但你试图把它当作一个数字来对待，（
ov04--
），这是行不通的

我将用一个函数演示：

function makePrettyName(fistName, lastName, maidenName)
{
 var result;
 if (maidenName != "")
 {
    result = firstName + " (" + maidenName + ") " + lastName;
 }
 else
 {
    result = firstName + " " + lastName;
 }
 return result;
}
以及其使用示例：

var tgtElem = document.getElementById(idOfTargetElementGoesHere);
tgtElem.innerText = makePrettyName(document.form.ov02.value, document.form.ov03.value, document.form.ov04.value);
我还将指出，如果您养成了使用有意义的变量名的习惯，您未来的自我和与您共享代码的任何人都会感谢您。键入名称所需的时间/精力远远少于将某个任意变量名称与它所保存的数据在头脑中持续连接所需的时间/精力。

让我们来处理在初始名称周围添加一些括号的问题。你肯定有一个问题，那就是你对待ov04的方式。它包含一个字符串——婚前的名字，但你试图把它当作一个数字来对待，（
ov04--
），这是行不通的

我将用一个函数演示：

function makePrettyName(fistName, lastName, maidenName)
{
 var result;
 if (maidenName != "")
 {
    result = firstName + " (" + maidenName + ") " + lastName;
 }
 else
 {
    result = firstName + " " + lastName;
 }
 return result;
}
以及其使用示例：

var tgtElem = document.getElementById(idOfTargetElementGoesHere);
tgtElem.innerText = makePrettyName(document.form.ov02.value, document.form.ov03.value, document.form.ov04.value);
我还将指出，如果您养成了使用有意义的变量名的习惯，您未来的自我和与您共享代码的任何人都会感谢您。键入该名称所需的时间/精力远远少于将某个任意变量名称与它所保存的数据持续地连接起来所需的时间/精力。

名称

var fullName = ov02 + " " + (ov04 ? "(" + ov04 + ") " : "") + ov03;
从

第三,。你真的不应该那样做。制作一些容器div，并分别写入每个容器。

名称

var fullName = ov02 + " " + (ov04 ? "(" + ov04 + ") " : "") + ov03;
从

第三,。你真的不应该那样做。制作一些容器div，并分别给每个容器div写信。

请针对每个问题关注一个问题。你可以编辑你的帖子，让每个问题都集中在一个问题上。你可以编辑你的帖子来做soI我想我理解你的意思，但是我如何让它先检查MaideName是否有一个值（它是可选的），然后运行函数，最后将它添加到document.result.endresult.value？如果存在maidenName，那么firstName+（maidenName）+lastName还有firstName+lastName吗？@Nancy76-我已经更改了函数。您基本上已经启用了if条件，但只是不知道如何检查值。我只是简单地检查输入元素是否有一个值（即，它不是一个空字符串-如果输入元素为空，则输入元素会给出这个值）。如果它不包含值，只需在不使用括号或首字母名称的情况下继续操作即可。：）我想我理解你的意思，但是如何让它首先检查MaideName是否有值（它是可选的），然后运行函数，最后将其添加到document.result.endresult.value？如果存在maidenName，那么firstName+（maidenName）+lastName还有firstName+lastName吗？@Nancy76-我已经更改了函数。您基本上已经启用了if条件，但只是不知道如何检查值。我只是简单地检查输入元素是否有一个值（即，它不是一个空字符串-如果输入元素为空，则输入元素会给出这个值）。如果它不包含值，只需在不使用括号或首字母名称的情况下继续操作即可。：）