<script>
var s ="";
function show(node)
{
if(node.id)
s = s+ node.id +"/ ";
else if (node.nodeName)
s=s+node.nodeName +"# ";
else
s = s+ node.nodeValue + "$ ";
if( node.childNodes && node.childNodes.length>0)
{
for(var i= 0;i<node.childNodes.length;i++)
{
show(node.childNodes[i]);
}
}
return s;
}
function aa()
{
var nodes = document.getElementById("body");
document.write("<pre>"+show(nodes)+"</pre>");
//alert(event.srcElement.id);
alert(event.srcElement.parentNode.id);
//document.getElementById('loginform').action =event.srcElement.parentNode.action;
return true;
}
</script>
<body id="body">
<form id="loginform" action="http://space.englishcn.com/batch.login.php?action=login" method="post">
<input type="hidden" name="username" id="username" value="jiang" />
<input type="hidden" name="password" id="passdword" value="111d111"/>
<input type="submit" value="space.engliscn"/>
<form>
<form method="post" action="/login.php?index=index&type=new" target="iframe_data" name="form_login" id="form_login" style="margin:0;padding:0;" >
登录名：<input type="text" size="8" name="loginname" class="Input01" value='tradrevo'/>
密码：<input size="8" type="password" name="password" id="passwd" class="Input01" value="111111" />
<input id="sinasubmit" type="button" onclick="return aa();" value="blog.sina"/>
<form>
</body>
今天想做一个快速登陆的网页.点击 space.engliscn 时 登陆 engliscn 博客 ，点击blog.sina时登陆 新浪博客。
但是每次都登陆到 englishcn 上去了。也就是每次提交的表单都是第一个。
想到的第一个解决方法 把第一个表掸的action 设成新浪的(event.srcElement.parentNode.action);
结果还是到 englishcn . 跟踪一看 event.srcElement.parentNode.action 本身就是 englishcn 的地址.event.srcElement是新浪的按钮,event.srcElement.parentNode 却是englishcn 的form .很奇怪.很奇怪.
想到的第二个解决方法 表单对象.submit();
document.getElementById('loginform').submit()-->englishcn.
document.getElementById(form_login).submit()-->对象不支持此方法.
无奈
递归打印body 的节点
body/ loginform/ username/ #text# passdword/ #text# INPUT# #text# FORM# form_login/ #text# INPUT# #text# passwd/ #text# sinasubmit/ #text# FORM#
发现nodeName 为 #
text的东西. 每个input 后面都有一个. 其中有两个是 "登陆名:", "密码:",其余的呢.
分享到：
相关推荐
Javascript 表单日期选择效果 本文将详细介绍 Javascript 实现表单日期选择效果的技术要点。该技术可以在网页中实现日期选择效果，提高用户体验。 一、日期选择器的实现 日期选择器是实现日期选择效果的核心组件...
在form表单上添加一个提交事件调用验证数据方法 (this,3);"> 请输入正确的手机号！" requiremsg="移动电话不能为空！"/> require指不能为空（true表示不允许为空），dataType指数据类型（Mobile表示是手机...
11.4.4 提交填写完成的表单 11.4.5 this关键字 11.4.6 submit()及reset()方法 11.5 输入设备(控件)编程 11.6 应知应会 练习 第12章 图片与链接 12.1 图片简介 12.1.1 ...
9.9根据其他表单选择修改一个选项列表 第10章调试和错误处理 10.0简介 …… 第11章访问页面元素 第12章创建和删除元素和属性 第13章使用Web页面空间 第14章使用JavaScript、CSS和ARIA创建交互和可...
与Web浏览器定义的文档对象模型(DOM)一起使用时，JavaScript可以创建动态HTML(DHTML)内容，允许用户与客户端的Web应用程序交互。 JavaScript语法以流行的程序设计语言C、C 和Java为基础，因此，经验丰富的程序设计...
1.2.1 表单数据合法性验证 1.2.2 页面特效 1.2.3 交互式菜单 1.2.4 动态页面 1.2.5 数值计算 1.3 JavaScript编程起步 1.3.1 “Hello World！”程序 1.3.2 选择JavaScript脚本编辑器 1.4 如何引入JavaScript脚本...
1.3你能用JavaScript来做什么 1.4JavaScript初探：“HelloWorld！” 1.5JavaScript沙箱 1.6可访问性和JavaScript的最佳实践 第2章JavaScript数据类型与变量 2.1变量的标识 2.2作用域 2.3简单类型 2.4常量：有名称但...
《JavaScript权威指南（第6版）》主要讲述的内容涵盖JavaScript语言本身，以及Web浏览器所实现的JavaScript API。本书第6版涵盖了HTML5和ECMAScript 5，很多章节完全重写，增加了当今Web开发的最佳实践的内容，新增...
1.2 JavaScript能做什么 1.2.1 表单数据合法性验证 1.2.2 页面特效 1.2.3 交互式菜单 1.2.4 动态页面 1.2.5 数值计算 1.3 JavaScript编程起步 1.3.1 “Hello World！”程序 1.3.2 选择JavaScript脚本编辑器 1.4 如何...
麦可匹克 出版社： 清华大学出版社 第1章 eb与JavaScript概述1.1 JavaScript简介1.2 创建JavaScriptWeb应用程序所需的工具1.3 （script）标记：第一个简单的JavaScript程序1.4 浏览器及其兼容性问题1.5 关于“谁将...
《JavaScript权威指南(第6版)》要讲述的内容涵盖JavaScript语言本身，以及web浏览器所实现的JavaScript API。本书第6版涵盖了 html5 和 ecmascript 5，很多章节完全重写，增加了当今 web 开发的最佳实践的内容，新增...
《JavaScript权威指南（第6版）》主要讲述的内容涵盖JavaScript语言本身，以及Web浏览器所实现的JavaScript API。本书第6版涵盖了HTML5和ECMAScript 5，很多章节完全重写，增加了当今Web开发的最佳实践的内容，新增...
第6章 级联样式单与CSS选择器 150 6.1 样式单概述 151 6.2 CSS样式单的基本使用 152 6.3 CSS选择器 158 6.4 伪元素选择器 167 6.5 CSS 3新增的伪类选择器 176 6.6 在脚本中修改显示样式 195 6.7 本章小结 ...
JavaScript实例精通 1．本书1~20章所附代码的运行环境 操作系统：Windows 2003、Windows XP Professional，或者Windows 2000 开发环境：、Dreamwave、Notepad、UltraEdit，或者其他文本编辑器 Web服务器：IIS 5.1及...
1.1 为什么选择JavaScript? 1.2 JavaScript的应用范围 1.3 JavaScript的版本 1.4 一些值得留意的特性 禁忌及如何突破这些禁忌 1.5 安全性和执行效率 1.6 一个例子--JavaScript编写的计算器 ...
通过JavaScript的行为操作页面中的表单，是表格赋予功能化，方便前后端的数据交互；包含了html,js,两部分的配合；其中js部分，采用了switch多分支语句，双分支语句，以及js的选择器如何选择，利用函数来实现功能化，...
示例描述：JavaScript快速处理日期时间的操作。 5_1.htm 获取当前日期并显示在HTML页中。 5_2.htm 分别获取当前时间的年月日时分秒。 5_3.htm 时间的水中倒影。 5_4.htm 简单的日历。 5_5.htm 标题栏显示...
Parsleyjs 是一个用来对 Web 表单的输入数据进行验证的 JavaScript 库，无需另写一行 JavaScript 代码。中文版本：https://git.oschina.net/dahouge/Parsley.js 主要特性 基于超棒的用户体验超级方便配置超轻量级...
2．选择浏览器的“工具”－“安全”－“本地Intranet”－“自定义级别”－“活动脚本”中选用“禁用”单选框 3．在浏览器中输入下述地址：http://localhost/1.2.htm • 1.1.htm 多段代码相互调用 • 1.2....
JavaScript入门经典(第3版)书源代码作者： 麦可匹克 出版社： 清华大学出版社 第1章 eb与JavaScript概述 1.1 JavaScript简介 1.2 创建JavaScriptWeb应用程序所需的工具 1.3 （script）标记：第一个简单的...