Javascript与Dreamweaver 的应用实例 Andorid 项目开发

一、javascript与Dw结合使用

项目结构：

二、用Dw编辑html文件

1.将PhoneGap新建为站点并打开index.html文件，如下图

2.在index.html中新建样式

<style type="text/css">

body{

 background-color:#CC3;

 font:"Trebuchet MS",Arial;

 font-size:18px;

 }

</style>

3.定义一个button按钮并写出单击事件

document.write("要输出的内容")；这个方法会覆盖之前的内容，如button按钮

三、保留原先内容的方法：

定义一个层：<div id="div1">我是层</div>

在方法中引用这个层

四、在页面显示用户名和密码

1.定义两个层：

<div id="div1">我是层1</div>

<div id="div2">我是层2</div>

2.使用层的document.getElementById()方法

3.定义用户名和密码，然后输出到页面

 var div1=document.getElementById("div1");

 var div2=document.getElementById("div2");

 var object=new Object();

 object.username="lmm";

 object.userpwd="123";

 div1.innerHTML="用户名："+object.username;

 div2.innerHTML="密码："+object.userpwd;

位置如下

五、用户登录（在html文件里操作）

1.定义用户名和密码：

function login(){

 var username=document.getElementById("username").value;  //定义一个用户名变量

 var userpwd=document.getElementById("userpwd").value;   //定义一个密码变量

 if(username=="lmm"&&userpwd=="123"){     //给定用户名和密码

  alert("登陆成功！");   

  }

 else{

  alert("登录失败！"); }

}

*在javascript，没有可以直接去掉空格的方法，所以要注意空格

登陆之后跳转页面就在输出语句中写:

window.location.href="index.html";

及 将slert(“”)注释掉

2.将用户名和密码放在json对象里也能实现登录

 function login(){

 var object={"username":"lmm","userpwd":"123"};

 var name=form1.username.value;

 var pwd=form1.userpwd.value;

 if(name==object.username&&pwd==object.userpwd){

  //alert("登陆成功！");

  window.location.href="index.html";

  }

 else{

  alert("登录失败！");

  }

 }

*用户和密码一定要对应好

六、读取json数组

1.定义json数组：

var jsonAraay=[{"username":"lmm","userpwd":"123"},{"username":"wxy","userpwd":"456"}];

*也可以将for()循环里的语句改成var i in JsonArray及 for(var i in JsonAraay){

 div2.innerHTML+="<br>" + JsonAraay[i].userpass;

2.循环遍历一个数组

3.将字符串分割成数组

 pop 方法：移除数组中的最后一个元素并返回该元素。
shift 方法：移除数组中的第一个元素并返回该元素。
push 方法：将新元素添加到一个数组中，并返回数组的新长度值，可以一次性增加多个进去，也可以增加一个，返回数组目前长度。
splice 方法：从一个数组中移除一个或多个元素，如果必要，在所移除元素的位置上插入新元素，返回所移除的元素。

七、随机生成验证码

1.布局一个表单


2.定义一个自动生成验证码的方法并调用

function checkCode(digit){}

*JavaScript Math.random（）函数中的Manth.random()方法：返回0和1之间的伪随机数。

该程序用到了javascript中的toString函数，该函数方法是返回对象的字符串表示。

Javascript中tostring函数方法有很多对象

Array     将Array的元素转换成字符串，结果字符串由逗号分隔，且连接起来。

Boolean   如果Boolean值是true，则返回”true”。否则，返回”false”。

Date      返回日期的文字表示法。

Function   返回如下格式的字符串，其中 functionname是被调用tostring方法函数的名称

           funtion  funtionname(){[native code]}

Number    返回数字的文字表示。

八、正则表达式

1.验证字符串

*格式：/^love/.test(“loveme”)表示从loveme中开头取字符， 转义字符“^”是开头取

*2.特殊字符转义

 在表达式中用到的一些元字符不再表示原来的字面意义，如果要匹配这些有特殊意义的元字符，必须使用“\”将这些字符转义为原义字符。需要进行转义的字符有“$”、“(”、“)”、“*”、“+”、“.”、“[”、“]”、“?”、“\”、“/”、“^”、“{”、“}”、“|”。

 “\”的作用是将下一字符标记为特殊字符、原义字符、反向引用或八进制转义符，所以，要匹配字面意义的“\”，需要使用“\\”表示。

3.用\b匹配一个字边界

 \b包含了字与空格间的位置，以及目标字符串的开始和结束位置等。

 例如，“er\b”匹配“order to”中的“er”，但不匹配“verb”中的“er”。

 用\B匹配非字边界

 例如，“er\B”匹配“verb”中的“er”，但不匹配“order”中的“er”。

4.正则表达式对象

  4.1

  每一条正则表达式模式对应一个RegExp实例，有两种方式可以创建RegExp对象的实例。

  使用RegExp的显式构造函数

 语法：

new RegExp("pattern"[,"flags"]) //即 new RegExp(" 模式 "[," 标记 "])

4.2

<script>

var str="成功";

var reg=new RegExp(/^成功$/)   / /这里的斜杠可以换成引号，但两者不可同时用

if(reg.test(str)){

 alert("登陆成功！");

 }

 else{

 alert("登录失败！");

 }</script>

本文来源 我爱IT技术网 http://www.52ij.com/jishu/3445.html 转载请保留链接。