zoukankan      html  css  js  c++  java
  • 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("输入错误");
          }
    }

     jq里面弹出层的写法:$(".div").modal(方法等。。);  Moa Modal是一个jquery插件,提供了9种弹出层效果兼容性还可以支持ie6以上版本浏览器.

  • 相关阅读:
    IOS-JSON数据解析
    IOS-APP发布资料收集
    IOS-webService
    ASP.NET MVC学习之路:模板页
    io流
    线程
    事件监听
    java基础面试题
    递归调用
    三目运算: x?y:z
  • 原文地址:https://www.cnblogs.com/wleaves/p/4170227.html
Copyright © 2011-2022 走看看