document.links[i].onclick;展示表单的输入

Posted h0000dh

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了document.links[i].onclick;展示表单的输入相关的知识，希望对你有一定的参考价值。

<html>
<head>
<title>8-7</title>
<script language="javascript">
function  HandleAllLinks() 
{ 
    for(var i = 0; i < document.links.length; i++) 
    {        
        document.links[i].onclick = HandleLink;
    }
}
function HandleLink()
{
    alert("即将离开当前页面！");
}
</script>
</head>
<body onload="HandleAllLinks()">
<li><a href="范例8-1.html">范例8-1</a></li>
<li><a href="范例8-2.html">范例8-2</a></li>
</body>
</html>

展示表单的输入：

<html>
<head>
<title>8-6</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
      <label>姓名：
          <input type="text" name="textfield" />
      </label>
      <p>
        <label>密码：
            <input type="password" id="password" name="textfield2" />
    </label>
    <p>
        <input type="submit" name="Submit" value="查看密码和姓名" 
        onclick="javascript:alert(‘姓名：‘+form1.textfield.value+‘\n密码：‘+form1.textfield2.value);"/>
      </p>
</form>
</body>
</html>

 

以上是关于document.links[i].onclick;展示表单的输入的主要内容，如果未能解决你的问题，请参考以下文章

JS的document.links函数使用示例

请我这种onclick事件，点击获取是当前行数的内容

利用闭包解决for循环里onclick事件不能捕捉实时i值问题

QuerySelectorAll 不适用于 onclick 事件

为啥 SSI 条件！= || != 不起作用？

obj.onclick=fnClick与obj.onclick=fnClick()的区别