DOM_事件

Posted barryliang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DOM_事件相关的知识,希望对你有一定的参考价值。

技术分享图片

 

技术分享图片

技术分享图片

技术分享图片

技术分享图片

 

 技术分享图片

技术分享图片

 

 

没有后退按钮

技术分享图片

技术分享图片

技术分享图片

技术分享图片可以往前跳转

技术分享图片

技术分享图片

技术分享图片

技术分享图片

技术分享图片

技术分享图片

获取浏览器类型版本

 技术分享图片

技术分享图片

技术分享图片

<!doctype html>

<html lang="en">

<head>                                     

         <meta charset="UTF-8">

         <title>Navigator</title>

</head>

<body>

         <script>

       //console.log(navigator.userAgent);

       // 判断浏览器

       function getBrowser(){

           var explorer = navigator.userAgent,browser;

           if(explorer.indexOf("MSIE")>-1){

              browser = "IE";

           }else if(explorer.indexOf("Chrome")>-1){

              browser = "Chrome";

           }else if(explorer.indexOf("Opera")>-1){

              browser = "Opera";

           }else if(explorer.indexOf("Safari")>-1){

              browser = "Safari";

           }

           return browser;

       }

       var browser = getBrowser();

       console.log("您当前使用的浏览器是:"+browser);

       // 判断终端

       function isPc(){

          var userAgentInfo = navigator.userAgent,

              Agents = ["Andriod","iPhone","symbianOS","windows phone","iPad","iPod"],

              flag = true,i;

              console.log(userAgentInfo);

           for(i=0;i<Agents.length;i++){

              if(userAgentInfo.indexOf(Agents[i])>-1){

                 flag = false;

                 break;

              }

           }

           return flag;

       }

       var isPcs = isPc();

       console.log(isPcs);

         </script>

</body>

</html>

 

以上是关于DOM_事件的主要内容,如果未能解决你的问题,请参考以下文章

js_10_dom表单

Vue之DOM元素事件绑定_v-on指令

mobile_基础事件

DOM_事件

03JavaScript程序设计修炼之道_2019-06-18_20-07-52_ 02-DOM fisrt学习(同前面已更新)

js_8_dom标签