一键登录(自动登录)网页制作及源代码

减小字体 增大字体作者:沈乐君  来源:本站原创  发布时间:2009-04-21 09:46:01

上网冲浪时,您是不是很反感每次登录邮箱,或者登录论坛时,都反复输密码。特别是你在多个论坛都有ID,或者密码各不相同,或者每天都要访问邮箱。但是,你又对IE的自动完成功能,以及网站自身的自动保存密码功能心存忌惮。此时,你需要一键登陆(自动登录)来帮你完成这一繁琐复杂的过程,让您在网上冲浪变得轻轻松松。

作者设计了下面这个简单网页,并设为打开浏览器的主页,且已经使用多年。只需要一次点击,即可登陆论坛和邮箱,特与网友分享。

1. 本网页最终效果如下:

2. 如何添加新的论坛或邮箱,实现一键式登陆?


步骤:第一步:打开天涯社区,在查看首页的HTML源代码,分析form标签包含的所有元素,特别是input元素。其中,必定可以找到用户名和密码,如vwriter和vpassword。接下来开始修改,一共9处。第二步:打开本网页,复制一份“模板”代码。将 TTTT改为“天涯社区”,将LLLL改为网站首页地址http://www.tianya.cn/。找到<input name="" value="AAAA" type="hidden">,name改为vwriter,对应的value值,也就是AAAA改为你的真实用户名,如abc。接着,将下一个标签的name改为vpassword,BBBB处改为你的密码,如123。然后,将DDDD改为“社区”,第三步,分析action,找到真正的登陆页面(http://login.tianya.cn/user/v3_loginsubmit.asp),将URL1改为http: //login.tianya.cn/user/v3_loginsubmit.asp,将URL2改为http://www.tianya.cn/。本文来自:www.shenlejun.cn.

3. 涉及那些网页设计技术?


答:用HTML的form标签,进行一键式登陆。用JavaScript技术,实现了主人身份的简单鉴别,“常见问题”窗口的隐藏与显示。用CSS技术,美化按钮、导航链接。

4. 在XP的SP2中,IE浏览器会弹出信息栏,提示“阻止活动内容”,该怎么禁止?


答:单击菜单栏的工具菜单,然后选择Internet选项,在弹出的窗口中选择高级选项卡,勾选安全一栏下的允许活动内容在我的计算机上的文件中运行。本文来自:www.shenlejun.cn.

5. 源代码下载地址

点击下载此文件本文来自:蜜蜂电脑.

6 留点作业:

①自制新的一键式登陆按钮(详见前文);②用CSS美化页面,添加你喜欢的图片作为背景,修改列表图片文件(参见各种CSS书籍);③修改主人身份鉴别方 式,类似电视游戏输入通关密码,无文本框,在网页中任意处敲击键盘输入密码(提示:使用JavaScript的 document.onkeydown);④在网页中,添加你自己的头像,添加常用网站图标和链接(使用img标签和a标签)。

[1] [2]  下一页

  • 好的评价 如果您觉得此文章好,就请您
      0%(0)
  • 差的评价 如果您觉得此文章差,就请您
      0%(0)
   评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论

用户名:   验证码:

分 值:100分 85分 70分 55分 40分 25分 10分 1分

内 容:

      若文章有错误,请将右边打钩通知管理员

关于本站 - 友情连接 - 网站地图 - 我要留言