javascript常用操作

Javascript使用：

1.超链接使用js： <a href="javascript:alert(new Date())">获得今天的日期</a>

2.onclick动作相应js：onclick="alert(new Date())

3.在html页面输出内容 

      <script language="javascript">

       document.write("<h1>输出的标题</h1>");

  </script>

4.在js中使用变量：变量的值可以是变量得到任何类型，重新声明变量，其值也不会为空。

      <script language="javascript">

       var name="贾峰";

       document.write("<h1>"+name+"</h1>");

           name=34;

           var name;

       document.write("名字改为数字"+name);  

  </script>

5.js中变量的计算：当数字与数字计算时按照算术的计算规则，当数字与字符串计算时按照字符串的计算规则。

6.confirm("文本") 弹出确认框，确认返回true，取消返回false；

7.prompt("文本","默认值") 返回输入的值（字符串或数字），取消返回null；

8.验证为空：可以根据id属性获得任意一元素的值

 <script>

  function getNamePass()

  {

       var name=document.getElementById("username").value;

               //等效于 var name=document.loginForm.username.value;

                //（loginForm为表单所在的form表单，username为文本框的name属性）

   var password=document.getElementById("password").value;

   if(name=="" || password=="" ) 

      alert("用户名不能为空！");

   else

      document.write(name+password);

   }

</script>

以上为验证为空的js函数。

<form action="" method="post" >

     姓名：<input type="text" name="username" id="username" ><br>

 密码：<input type="password" name="password" id="password"><br>

 <input type="button" value="确定" onclick="getNamePass()">

</form>

确定按钮响应事件调用验证函数。

 

 

 

 

 

 

9.循环和数组的应用：

     <script language="javascript">

   var x;

   var arrs=new Array();

   for(var i=0;i<20;i++)

   {

       arrs[i]=i*2;

   }

   for(x in arrs)

   {

      document.write(arrs[x]+"<br>");

   }

</script>

Array的数组对象的join()方法可以将数组元素转化为字符串中间用逗号分隔

      document.write(arrs.join());

Array的sort()方法对数组按照文字排序

       var arr=new Array();

   arr[2]="aaaa";

   arr[1]="bbb";

   arr[0]="ccc";

   arr.sort();

       document.write(arr.join());

Array的concat(Array arr)方法可以合并两个数组，返回一个新的数组

       var test=arrs.concat(arr);

10.文本框的onblur属性表示文本框失去光标，可用于判断用户填写的用户名是否可以注册：

 首先编写js当文本框失去光标时获得用户的注册名验证是否可以注册

   <script language="javascript">

       function checkname()

   {

       var name=document.getElementById("name").value;

   document.write(name);

   }

  </script>

在文本框中增加属性当失去光标时调用上面函数

  <input type="text" id="name" name="username" onblur="checkname()">

11.字符串对象String

  String的length属性获得字符串的长度   

      var text="床前明月光!"

  document.write(text.length);

String的toUpperCase()方法可以得到字符串的大写表示

      var str="hello world!";

 document.write(str.toUpperCase())

String的indexOf(String str) 方法可以获得子串首次出现在字符串中的位置

     document.write(str.indexOf("lo"));

String的match(String str)方法查找字符串中是否含有某子串有返回子串没有返回null

     document.write(str.match("wor"));

String的replace("String oldStr","String newStr")方法用新字符替换掉旧字符返回替换过后的字符串

     document.write(str.replace("o","n"));

 

 

 

 

 

12.日期对象Date

     var date=new Date(); //创建一个当前日期对象

      document.write(date.getTime());//获得日期的长整型

  document.write(date.getDate()); //获得每月中的天

  document.write(date.setFullYear(2011,11,13)); //按照yyyy年MM月dd日格式 

                       设置日期对象返回一个设置过日期的长整型

  date.setDate(date.getDate()-1);//设置日期对象为前一天（如果增加天数会改变年月那么日期对象自动完成转换）

  var nowdate=new Date()

  if(date>nowdate)            //两个日期对象可以进行比较

  {

      alert("nowdate is before date !");

  }else{

       alert("date is before nowdate !");

  }

13.Math对象提供了对数组操作的方法：

     document.write(Math.round(4.7));//四舍五入方法

  document.write(Math.random());//获得【0-1）随机数方法

  document.write(Math.max(1,3,5,7,4,6,8));//获得任意个数字之中的最大数

  document.write(Math.min(3,4,5,2,1));//获得任意个数字中的最小数

  document.write(Math.floor(4.99999)); //获得一个浮点数的整数位

14.RegExp 对象可以定义一个检索模式检索字符串中是否含有该模式的字符

      var patt1=new RegExp("e"); //定义一个e模式的检索

  document.write(patt1.test("hello"));//test)方法如果含有返回true

  document.write(patt1.exec("hello"));//exec有返回检索模式没有返回null

  //如果定义 var patt1=new RegExp("e"，"g");e为模式exec方法返回所有的e

  patt1.compile("d") //更改检索模式

 

 

 

 

 

 

15.Navigator对象，用于获得浏览器的信息

     <script language="javascript">

      function detectBrower()

  {

      var browser=navigator.appName;  //获得浏览器名字

  var b_version=navigator.appVersion; //获得浏览器版本信息

  var version=parseFloat(b_version); 

  if(browser=="Microsoft Internet Explorer" || browser=="Netscape" && 

                                                     version>=5)

  {

      alert("your browser is good enough !");

  }else{

      alert("it is time to upgrade your browser !");

  }

  document.write("Browser name :"+browser+"<br>");

  document.write("Browser version :"+ version +"<br>");

  }

  </script>

16.计时事件

   var t=setTimeout("alert('5 secends !')",5000);//设置定时器5秒之后执行alert（）语句

   clearTimeout(t) //清楚设定的定时器

17.设置html中元素的显示或隐藏可用其style.value="";或style.value="none";

18.Window对象:

  1.alert方法，2.confirm方法3.prompt