zoukankan      html  css  js  c++  java
  • 自定义博客cnblogs样式的必备前端小知识——js、jq

    JQ、JS相关小知识

    任意元素自动点击

    $(".editicon").trigger('click')

    添加子元素

    • append() - 在被选元素的结尾插入内容
    • prepend() - 在被选元素的开头插入内容
    • after() - 在被选元素之后插入内容
    • before() - 在被选元素之前插入内容

    删除、清空子元素

    $(".p").empty();    //不会删除自己       //删除内部所有子节点
    $(".p").remove();  //会删除自己        //删除当前子节点(绑定的不能用)
    $(".p").detach();  //会删除自己        //删除当前子节点(绑定的能用)

    获取图片的src属性值

    var demoJQ = $('#demo');
    demoJQ.attr('src')
    or
    demoJQ[0].src

    延迟执行

    setTimeout(function(){
        console.log("延迟600ms 执行");
    },600);

    定时执行

    setInterval(function(){
        console.log("600ms执行一次");
    }, 600)

    JS打开新标签页

    window.open("http://www.wlzhys.com", "_blank"); //注意第二个参数

    判断字符串中是否包含某个字符串

    方法一:indexOf()

    indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回 -1。

    var str = "123";
    console.log(str.indexOf("3") != -1 );  // true

    方法二:search() 

    search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。如果没有找到任何匹配的子串,则返回 -1。

    var str = "123";
    console.log(str.search("3") != -1 );  // true

    方法三:match()

    match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。

    var str = "123";
    var reg = RegExp(/3/);
    if(str.match(reg)){
        // 包含        
    }

    页面加载完后执行JS的方式

    方式一:js自带方法

    <script type="text/javascript">
       window.onload = function () {
           //方法内容
       }
    </script>

    方式二:jq常用方式

    <script type="text/javascript">
        $(function () {
            alter("123qew");
        })
    </script>

    获取当前页面URL

    url = window.location.href; /* 获取完整URL */
    /* http://127.0.0.1:8020/Test/index.html#test?name=test */
     
    url = window.location.pathname; /* 获取文件路径(文件地址) */
    /* /Test/index.html */
     
    url = window.location.protocol; /* 获取协议 */
    /* http */
     
    url = window.location.host; /* 获取主机地址和端口号 */
    /* http://127.0.0.1:8020/ */
     
    url = window.location.hostname; /* 获取主机地址 */
    /* http://127.0.0.1/ */
     
    url = window.location.port; /* 获取端口号 */
    /* 8020 */
     
    url = window.location.hash; /* 获取锚点(“#”后面的分段) */
    /* #test?name=test */
     
    url = window.location.search; /* 获取属性(“?”后面的分段) */
     
  • 相关阅读:
    Laravel 5.7 RCE (CVE-2019-9081)
    Laravel 5.8 RCE 分析
    CVE-2018-12613 的一些思考
    2019CISCN华南线下两道web复现
    Intellij idea导入项目时没有目录结构
    [BZOJ4907]柠檬
    [BZOJ3675]序列分割
    aes加解密
    java:基于redis实现分布式定时任务
    PBKDF2加密
  • 原文地址:https://www.cnblogs.com/poloyy/p/12168807.html
Copyright © 2011-2022 走看看