分享我学习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入门学习第五篇 js函数
上篇文章讲了js中对象和数组的一些方法。这章我们先说说函数，然后来点实战。
2008-07-07
js JSON.stringify()基础详解
JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串，如果指定了replacer是一个函数，则可以选择性的替换值，或者如果指定了replacer是一个数组，可选择性的仅包含数组指定的属性
2019-06-06
uniapp实现录音上传功能
这篇文章主要介绍了uniapp 实现录音上传功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2021-09-09
在JS中操作时间之getUTCMilliseconds()方法的使用
这篇文章主要介绍了在JavaScript中操作时间之getUTCMilliseconds()方法的使用,是JavaScript入门学习中的基础知识,需要的朋友可以参考下
2015-06-06
javascript中的对象和数组的应用技巧
javascript中的对象和数组的应用技巧...
2007-01-01
javascript学习笔记（五）原型和原型链详解
许多人对JavaScript的原型及原型链仍感到困惑，网上的文章又大多长篇大论，令读者不明觉厉。我将用最简洁明了的文字介绍JavaScript的原型及原型链。
2014-10-10
浅谈javascript:两种注释,声明变量,定义函数
下面小编就为大家带来一篇浅谈javascript:两种注释,声明变量,定义函数。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-09-09
JS中Map和ForEach的区别
本篇文章给大家详细分析了JS中Map和ForEach的区别以及用法上的不同之处，对此有兴趣的朋友参考学习下吧。
2018-02-02
详解JavaScript中的变量命名规范
程序员三大难题：变量命名、缓存失效、循环边界。这篇文章主要为大家介绍了JavaScript中的变量命名规范，感兴趣的小伙伴可以跟随小编一起学习一下
2022-12-12
javascript使用window.open提示“已经计划系统关机”的原因
这篇文章主要介绍了javascript使用window.open提示“已经计划系统关机”的原因,本文得出结论是安装了系统更新或其它原因,要把系统重启时才会提示这个问题,所以,遇到这个问题,重启你的电脑吧
2014-08-08