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

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