zoukankan      html  css  js  c++  java
  • 开发中常用的js命令

    1、获得窗口长宽高

       $(window).width();//浏览器当前窗口可视区域宽度

      $(document).width();//浏览器窗口文档的宽度

      $(document.body).width();//浏览器当前窗口body的宽度

    2、offset属性

     包含2个属性:top和left

    例子:

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>offset demo</title>
    <style>
    p {
    margin-left: 10px;
    }
    </style>
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>
     
    <p>Hello</p><p>2nd Paragraph</p>
     
    <script>
    var p = $( "p:last" );
    var offset = p.offset();
    p.html( "left: " + offset.left + ", top: " + offset.top );
    </script>
     
    </body>
    </html>
    

      

    3、scrollTop()和scrollLeft()属性(注意:如果窗口不滚动或者非常高,那就是0)
      
    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>scrollLeft demo</title>
      <style>
      p {
        margin: 10px;
        padding: 5px;
        border: 2px solid #666;
      }
      </style>
      <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>
     
    <p>Hello</p><p></p>
     
    <script>
    var p = $( "p:first" );
    $( "p:last" ).text( "scrollLeft:" + p.scrollLeft() );
    </script>
     
    </body>
    </html>

    4、split()

        var str="a,a,a,a,a,a,a,a,a,a,a,a,a,a,a,a,a";

       var arr=str.split("/");

       console.log(arr);

       console.log(str.length);

    5、join()

    var arr = new Array(3)
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"
    
    document.write(arr.join("."))
    

    6、substring()

    var str="abcdefg";

    var ob=str.substring(0,5);

    console.log(ob);

    7、replace()

    var str="1996-4-6";

    var ob=str.replace(/-/g,"");

    console.log(ob);

    8、indexOf()(注意:对大小写敏感)

    function IndexDemo(str2){
    var str1 = "BABEBIBOBUBABEBIBOBU"
    var s = str1.indexOf(str2);
    return(s);
    }

    还有更多笔记会在后续补充!

     
       
     
     
  • 相关阅读:
    Android_项目文件结构目录分析
    WPF_MVVM 开发的几种模式讨论
    Blend_技巧篇_淡入淡出
    Blend_技巧篇_导入PSD文件制作ToggleButton (Z)
    Blend_界面快速入门(Z)
    Blend_软件系列简介(Z)
    Blend_ControlTemplate(Z)
    803. 区间合并
    P4017 最大食物链计数
    P1113 杂务
  • 原文地址:https://www.cnblogs.com/circleone/p/7136689.html
Copyright © 2011-2022 走看看