11、网页制作Dreamweaver（补充：JS零碎知识点&&正则表达式）

浏览数：37 / 时间：2015年06月09日

JS知识点

回车符/r和换行符/n的区别：/r 相当于enter，是段落与段落之间的区别，

　　　　　　　　　　　　　/n 相当于shift+enter，是行与行之间距离，比较小

几种window操作方法：

1、获取当前窗口大小并打印：

var height=window.innerHeight;
var width = window.innerWidth;
document.write("<br/>"+"height"+height+","+"width"+width);

2、打开窗口、关闭当前窗口

window.open("http://baidu.com");
window.close();

3、移动当前窗口到某一位置（x，y）

window.moveTo(200,200);

4、改变当前窗口的尺寸（width，height）

window.resizeTo(1100,1100);

5、获取当前页地址

document.write(location.href);

6、【历史记录】网页的前进（前进到之前的历史，相当于“→”）、后退（后退到之前历史，相当于“←”）

<!--后退用.back方法设置在另一个网页中即可-->
<input type="button" onClick="a()"value ="点我前进"/>

function a()
    {
        window.history.forward();/*前进到之前的历史*/
    }

*navigator访问者浏览器的信息

alert:警告框 confirm:确认框 prompt:提示框

正则表达式RegExp:

建立正则表达式的方法：

var patten= new RegExp(/^[0-9]{17}[0-9|X]$/);
/*
RegExp()括号里面的式子需要自己定义：
1、[]里面只有一个元素
2、()里面可以写一个单词或者式子
3、{}里面表示数量
4、^：以某个元素开头，写在元素前面
5、$：以某个元素结束，写在元素后面
*/

例：

1、正则表达式验证身份证：

身份证：<input type="text" id="1"  />

/*javascript部分*/
  var a= document.getElementById("1").value;
  var patten= new RegExp(/^[0-9]{17}[0-9|X]$/);
  if(patten.test(a))
  {
      alert("输入正确");
  }
  else
  {
      alert("输入错误");
  }

2、正则表达式验证邮箱：

邮箱：<input type="text" id="2" />
<input type="button" value="提交" onclick="mail()" />

function mail()
{
    var patten2= new RegExp(/^[0-9|A-z|_]{1,17}[@][0-9|A-z]{1,3}.(com)$/)
    var mail = document.getElementById("2").value;
    if(patten2.test(mail))
      {
          alert("输入正确");
      }
    else
      {
          alert("输入错误");
      }
}