<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)标记:第一个简单的...