代码如下:
<html>
<head>
<script type="text/javascript">
function validateForm()
{
var x=document.forms["myForm"]["fname"].value
if (x==null || x=="")
{
alert("First name must be filled out");
return false;
}
}
</script>
</head><body>
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
First name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
</body>
</html>
这是验证表单必填项的其中有一行代码有疑问,就是:var x=document.forms["myForm"]["fname"].value
我知道意思是取得name为myForm表单中的name为fname标签中的值
但是这代码怎么会是这样的?forms是一个表单集合,后面[]中应该是数字的呀,怎么会可以是name???而且后面还可以再加一个["fname"]
太疑惑了,我在w3c教程上没看过这种格式的书写
<html>
<head>
<script type="text/javascript">
function validateForm()
{
var x=document.forms["myForm"]["fname"].value
if (x==null || x=="")
{
alert("First name must be filled out");
return false;
}
}
</script>
</head><body>
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
First name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
</body>
</html>
这是验证表单必填项的其中有一行代码有疑问,就是:var x=document.forms["myForm"]["fname"].value
我知道意思是取得name为myForm表单中的name为fname标签中的值
但是这代码怎么会是这样的?forms是一个表单集合,后面[]中应该是数字的呀,怎么会可以是name???而且后面还可以再加一个["fname"]
太疑惑了,我在w3c教程上没看过这种格式的书写
forms["myForm"]就可以根据名字取的相应的form
在根据这个["fname"]获取这个form里名字为fname的元素
就是forms["myForm"]["fname"].value
var obj = {'name':'aa'};可以obj.name
也可以obj['name']
类似于child那种方法都可以
不过有些是[]
有些是.
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.b1.src ="/i/eg_mouse.jpg"
}
function mouseOut()
{
document.b1.src ="/i/eg_mouse2.jpg"
}
</script>
</head><body>
<a href="http://www.w3school.com.cn" target="_blank">
<img border="0" alt="Visit W3School!" src="/i/eg_mouse2.jpg" name="b1"
onmouseOver="mouseOver()"
onmouseOut="mouseOut()" />
</a>
</body>
</html>
怎么会没意义呢?
document.getElementByName("name")拿的是name相同的集合而你document.name只能拿单个
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
var a=document.aaa.innerHTML;
alert(a)
</script>
</head><body>
<div>
<p>123</p>
<a href="#" name="aaa">321</a>
</div>
</body>
</html>
用途 3: 建立页面中的锚点,我们知道 <a href="URL">link</a> 是获得一个页面超级链接,如果不用 href 属性,而改用 Name ,如: <a name="PageBottom"></a> ,我们就获得了一个页面锚点。
用途 4: 作为对象的 Identity ,如 Applet 、 Object 、 Embed 等元素。比如在 Applet 对象实例中,我们将使用其 Name 来引用该对象。
用途 5: 在 IMG 元素和 MAP 元素之间关联的时候,如果要定义 IMG 的热点区域,需要使用其属性 usemap ,使 usemap="#name"( 被关联的 MAP 元素的 Name) 。
用途 6: 某些特定元素的属性,如 attribute ,和 param 。例如为 Object 定义参数 <PARAM NAME = "appletParameter" VALUE = "value"> 。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
var a=document.getElementById("bbb").innerHTML;
alert(a)
</script>
</head><body>
<div>
<p id="bbb">123</p>
<a href="#" id="aaa">321</a>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title></head><body>
<div>
<p id="bbb">123</p>
<a href="#" id="aaa">321</a>
</div>
<script type="text/javascript">
var a=document.getElementById("bbb").innerHTML;
alert(a)
</script>
</body>
</html>
把script标签放在最下面