分享我学习js的过程作者aircy javascript学习教程第1/3页

更新时间：2007年02月03日 00:00:00 作者：

前言：
接触JS以来，一直没有好好学完过一本js的书；从今天开始，我将从新开始学习、整理并分享我学习过程中的js代码。
今后发布的代码中并不代表全属于原创，相反很多部分都会源于互联网，当然也不会少于无忧脚本的。希望大家看了之后不要
在论坛训斥，毕竟“面斥不雅”！在这里发布出来，纯粹是为了共享给哪些曾经和我一样，或者正在学习前线的朋友们；同时我
也希望在这里得到更多人的支持，如果朋友有什么建议和意见，请多多跟帖。共同探讨！thanks！

实例一、
本实例主要介绍了navigator、cookie、screen、location对象、函数调用以及prompt、alert、confirm交互的简单应用。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML>  <HEAD>   <TITLE> New Document </TITLE>   <script language="javaScript">   if(confirm("真的要看吗？")==true){   var password;   password = prompt("密码520:","请输入密码吧！");   if(password=="520"){   alert("恭喜你了，进去吧！");   document.write("测试利用navigator对象检测浏览器如下信息:")   document.write("浏览器的名称:"+navigator.appName+"");   document.write("浏览器的版本号:"+navigator.appVersion+"");   document.write("运行平台:"+navigator.platform+"");   document.write("是否支持cookie:"+navigator.cookieEnabled+"");   document.write("测试利用screen对象获得浏览器窗口分辩率的大小:");   document.write("窗口高度:"+screen.height+"");   document.write("窗口宽度:"+screen.width+"");   document.write("颜色深度:"+screen.colorDepth+"");   }else{      message();   }   }   function  loadingMessage(param){     alert("不好意思哦！"+param+"密码不对哦！再来吧！");     return false;     }   function message(){  loadingMessage("哈啰")   }  </script>   </HEAD>  <BODY>   <a href="#" onclick="window.location='http://www.baidu.com';">点击我</a>  </BODY> </HTML>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

实例二、
本实例主要介绍了event对象和事件的简单应用。

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

实例三、
本实例主要介绍了数组和其slice()方法的使用

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

实例四、
本实例主要介绍了对象和构造方法的使用

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

实例五（4.1）、
本实例主要介绍了Document对象的使用

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

实例六（4.2）、
本实例主要介绍了Document对象读取表单元素的使用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML>  <HEAD>   <TITLE> New Document </TITLE>   <SCRIPT LANGUAGE="JavaScript">      </SCRIPT>  </HEAD>  <BODY>   <FORM name="firstForm" METHOD=POST ACTION="">     <INPUT TYPE="text" NAME="firstText" value="哈啰">   </FORM>      <FORM name="secondForm" METHOD=POST ACTION="">     <INPUT TYPE="text" NAME="secondText" value="哈啰">     <INPUT TYPE="submit" name="hehe" value="哈哈">   </FORM>   <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <FORM name="form1" METHOD=POST ACTION="">     a01<INPUT TYPE="text" NAME="a01"/><INPUT TYPE="button" name="01s" value="提交" onclick="firstSubmit()"/>     a02<INPUT TYPE="text" NAME="a02"/><INPUT TYPE="button" name="02s" value="提交" onclick="copyFirstSubmit()"/>×在a01中输入值后再提交 </FORM>  </BODY> </HTML>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

实例七（4.3）、
本实例主要介绍了Document对象读取表单元素的使用，一个注册验证代码

<html>   <head>     <title>用户注册</title>   <meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style type="text/css">    </style>   <SCRIPT type="text/javascript">     function Form_Submit()     {         if(regForm.userNumber.value=="")         {          alert("用户名不能为空!");          return false;         }         else if(regForm.userpassWord.value=="")         {          alert("密码不能为空!");          return false;         }         else if(regForm.userpassWord.value!=regForm.reuserpassWord.value)         {         alert("两次输入的密码不一致!");          return false;         }         return true;         //regForm.submit(); //不采用表单提交     }   </SCRIPT>   </head>      <body>   <FORM id="register" name="regForm" method="post" action="">   <table width="500" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#0099FF">     <tr>       <td align="center" valign="middle" bgcolor="#FFFFFF">用户注册</td>     </tr>     <tr>       <td align="center" valign="middle" bgcolor="#FFFFFF">用户账号：       <input name="userNumber" type="text" id="usernumber" size="15"></td>     </tr>     <tr>       <td align="center" valign="middle" bgcolor="#FFFFFF">用户密码：       <input name="userPassWord" type="text" id="userpassWord" size="15"></td>     </tr>     <tr>       <td align="center" valign="middle" bgcolor="#FFFFFF">确认密码：       <input name="reuserPassWord" type="text" id="reuserpassWord" size="15"></td>     </tr>     <tr>       <td align="center" valign="middle" bgcolor="#FFFFFF">电子邮箱：       <input name="email" type="text" id="email" size="15"></td>     </tr>     <tr>       <td align="center" valign="middle" bgcolor="#FFFFFF"><input type="button" name="Submit" value="提交" onClick="Form_Submit()"></td>     </tr>   </table>  </FORM>   </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

12 3 下一页阅读全文

您可能感兴趣的文章:

JavaScript操作DOM对象详解
本文详细讲解了JavaScript操作DOM对象的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-02-02
JavaScript入门教程(4) js浏览器对象
navigator 浏览器对象，包含了正在使用的 Navigator 的版本信息。反映了当前使用的浏览器的资料。JavaScript 客户端运行时刻引擎自动创建 navigator 对象。
2009-01-01
关于javascript事件响应的基础语法总结(必看篇)
下面小编就为大家带来一篇关于javascript事件响应的基础语法总结(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦
2016-12-12
JavaScript中Math对象方法使用概述
JavaScript中Math对象方法如向上取整,有小数就整数部分加1，四舍五入、向下取整等等，下面为大家详细介绍下
2014-01-01
Javascript基础_嵌入图像的简单实现
下面小编就为大家带来一篇Javascript 基础_嵌入图像的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
DOM相关内容速查手册
DOM相关内容速查手册...
2007-02-02
使用Script元素发送JSONP请求的方法
下面小编就为大家带来一篇使用Script元素发送JSONP请求的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
JavaScript的对象和包装类你了解多少
这篇文章主要为大家详细介绍了JavaScript的对象和包装类，使用数据库，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-02-02
js Date概念详细介绍
Date 对象用于处理日期和时间，Date对象会自动把当前日期和时间保存为其初始值，本文整理了一些，喜欢的朋友可以收藏下
2013-11-11
JavaScript高级程序设计（第3版）学习笔记9 js函数（下）
函数是一种对象，拥有一般对象具有的所有特征，除了函数可以有自己的属性和方法外，还可以做为一个引用类型的值去使用，实际上我们前面的例子中已经有过将函数作为一个对象属性的值，又比如函数也可以作为另一个函数的参数或者返回值，异步处理中的回调函数就是一个典型的用法
2012-10-10