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

时间：2021-03-12 09:54:05|栏目：JavaScript代码|点击：次

前言：
接触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 下一页阅读全文

上一篇：js渐变显示渐变消失示例代码

栏目：JavaScript代码

下一篇：$.ajax中contentType: “application/json” 的用法详解

本文标题：分享我学习js的过程作者aircy javascript学习教程第1/3页

本文地址：http://www.codeinn.net/misctech/79125.html

更多JavaScript代码

JavaScript代码

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

阅读排行

推荐教程

JavaScript代码

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

阅读排行

推荐教程

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