11、网页制作Dreamweaver(补充:JS零碎知识点&&正则表达式)

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("输入错误");

      }

}

 

你可能感兴趣的:(Dreamweaver)