A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 g207776411 于 2018-5-9 17:12 编辑

          Day_03 JavaScript的总结



JavaScriptJS是一个弱类型的语言

  • 所有的变量声明都用 var
  • ===全等,即类型和值都相等的时候才返回true

JS的开发步骤

  • 通常都是由一个事件触发
  • 触发一个函数,定义一个函数
  • 获得操作对象的控制权
  • 修改要操作的对象的属性或值
  • 定义函数:


      function 函数名称{

  ​

      方法体(函数体)

  ​

      alert("输出语句")


      }

       window.onload=function(){

  ​

          }

JS中匹配正则正则表达式的对象

  • String 对象

    • 正则表达式.test();

  • RegExp对象

    • complie 编译正则表达式
    • exec 检索字符串中指定的值,返回找到的值,并确定其位置
    • test 检索字符串中指定的值,返回true 或false


网页中轮播图的使用  

   * setInterval();   :每隔剁手毫秒执行某个表达式

       *  setInterval("change()",5000);

       *  clearInterval();   清除轮播,   setInterval("表达式" ,毫秒数);     

           *setTimeout();                :隔一段时间执行某个表达式,只执行一遍              * setTimeout("change()",5000);              * clearTimeout(); 清除setTimeout的设置   

      代码演示

      //  设置轮播图

              window.onload = function broadcaset() {

                  //要想实现轮播,那么我们要获取到图片的id

                  window.setInterval("funimg()", 3000);

                  }

                  var i = 1;

  ​

              function funimg() {

                  //先获取图片的id的对象

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

                  //做判断,当i的值小于3的时候自动初始化从第一张照片开始轮播

                  i++;

                  if(i > 3) {

                      i = 1;

                  }

                  imgDemo.src = "../img/" + i + ".jpg";

              }网页定时显示广告  

      定时在网页中显示广告

      window.onload = function broadcaset() {

          ar ad3 = window.setTimeout("ad()", 3000);

      }


      function ad() {

                  var img2 = document.getElementById("adimg");

                  img2.style.display = "block";

                  window.setTimeout("ad2()", 3000);

              }

              //广告

              function ad2() {

                  var img3=document.getElementById("adimg")

                  img3.style.display = "none";

              }BOM:浏览器对象模型window的方法  

  setInterval():   按照指定的周期(以毫秒计)来调用函数或计算表达式。

  setTimeout()     在指定的毫秒数后调用函数或计算表达式。

  alert():    显示带有一段消息和一个确认按钮的警告框。

  confirm():  显示带有一段消息以及确认按钮和取消按钮的对话框。

  prompt():   弹出一个可写入的对话框

  open():     可以重新弹出一个我们自定义大小的浏览器窗口history的方法  

  用来返回查看浏览过的记录

  history.go(-1)/history.back();  location的方法  

  * `location.href="";` 用来实现网页中按钮的点击时跳转

  * <input />BOM中的对象  

  Window

  Navigator

  Screen

  History

  Location

JS中的事件的总结

  • onchange        :下拉列表上
  • ondblclick        :双击
  • onkeydown        :键盘按下
  • onkeyup                :键盘抬起
  • onmouseover        :鼠标在上面
  • onmouseout        :鼠标离开
  • onmousemove        :鼠标移动









0 个回复

您需要登录后才可以回帖 登录 | 加入黑马