1、切割

1. a="ddd"       a.substr(0,1)

2、通过js找子代

document.getElementByClass("ddd").getElementByClass("ccc")

3、window.open

window.open( url,"n1","status=1, height:500, width:600, toolbar=0, resizeable=0");    #在当前也打开一个窗口，页面不刷新

window.open(url)                                                                      #重新在开启一个窗口，之前的页面不刷新

window.opener使用

子页面要向父页面传值，只要在document前面加window.opener即可

window.opener.____  后面调用的父页面的方法

例子

父页面

<body>

<h1 id = "a">无所谓</h1>

<a href="#" onclick=a("http://www.baidu.com")>点我点我</a>

<script>

        function xxxpopupCallback(text) {

            document.getElementById('a').innerHTML = text;   //找到标签吧值替换成用户传进来的值

        }

        function a(url) {

            window.open( '/pop/', "n1","status=1, height:500, width:600, toolbar=0, resizeable=0");

            {#window.open( url,"n1","status=1, height:500, width:600, toolbar=0, resizeable=0");#}

        }

</script>

</body>

子页面　

<body>

<input type="text" name="user">

<button type="button" onclick="submit()">提交</button>

</body>

<script>

    function submit() {

　　  方法一

        window.opener.document.getElementById("a").innerText=document.getElementsByTagName("input")[0].value   #直接找到父页面的标签，进行替换值

　　  方法二：

        {#opener.xxxpopupCallback(document.getElementsByTagName("input")[0].value)#}     #opener.xxxpopupCallback  调用父页面的xxxpopCallback 方法

   　window.close()

    }

</script>

　　

4、删除列表中的某个值

思路1：直接在delete上添加一个id属性(需要被删除的元素的id)，通过js可以获取这个值，通过ajax发送异步请求，成功后，直接在页面上用js将他删除掉。

思路2：使用a标签包含一个butten按钮

思路2：使用form表单发送请求post请求，使用js方法（在js中创建表单，或者直接用页面上现有的表单进行submit()）。

5、定时器

<script>

    //每隔1秒执行function()

    intervalId = setInterval(function () {

        console.log(4);

    }, 1000);

    //2秒之后执行function(),执行一次

    setTimeout(function () {

        //清除定时功能

        clearInterval(intervalId)

    },2000)

</script>

　　

6、JS和Jquery获取input框中的值

<input type='text' id = 'username>'

var text = $(''#username").val("ddd")                      //jquery 获取值

$('username').val("")                                      //jquery 设置值

var name = document.getElementById("CSDN_NAME").value      //js获取值

　　

7、数组的filter

var a = [1,2]

a.filter(res=>{return false})  -->a = []

a.filter(res=>{return true})  -->a = [1,2]

　　

const accessedRouters = asyncRouterMap.filter(route => {

    // console.log(route);

    if (hasPermission(route)) {

      if (route.children && route.children.length) {

        route.children = filterAsyncRouter(route.children);

      }

      return true;

    }

    return false;

  });

　　

前端js/vue等的一些技巧

从后端取出来的数据,可以适当的对他进行编辑,比如添加一些字段show:true,方便自己操作

js----常用功能的更多相关文章

  1. JS 常用功能收集

    JS 常用效果收集 1. 回到顶部>>    爱词霸

  2. js 常用功能实现（函数）

    1.10 个短小实用的代码片段 :https://www.jianshu.com/p/3ef822ec5a63 2.js常用函数  : https://www.cnblogs.com/wangyuyu ...

  3. js常用功能汇总

    var Utils = function() { this.Tools; this.ui; }; Utils = new Utils(); Utils.prototype.Tools = { year ...

  4. js - 常用功能方法汇总（updating...）

    一.查值的类型(可用于拷贝) /* * @Author: guojufeng@ * @Date: 2017-12-20 15:07:06 * @purpose 获取一个值的类型 * @param {v ...

  5. JS常用功能

    1.字符串转Json var json='[{"id":0,"text":"ddddd"},{"id":1," ...

  6. js常用功能总结

    1,手机号的校验 //手机号的判断 function checktel() { //手机号不为空,格式校验 var tel = $(".uidbtp").val(); if(tel ...

  7. Hbuilder常用功能汇总

    引用 样式表: mui.min.css Js:mui.min.js 常用功能 获取页面 var webView=plus.webview.currentWebview();//获取当前页 var we ...

  8. Google Chrome调试js代码,开发者工具之调试工具常用功能

    参考:Google Chrome调试js代码-http://www.open-open.com/lib/view/open1384785324165.html 重点:左下角一个{}括号图标按钮用于把杂 ...

  9. 160229-01、web页面常用功能js实现

    web页面常用功能js实现   1.网页未加载时弹出新窗口 <body onunload="window.open('http://www.a68.cn');">< ...

  10. es6常用功能与异步详解（JS高级面试题）

    callback hell方法的使用 可读性不友好 function loadImg(src,callback,fail){ var img = document.createElement('img ...

随机推荐

  1. NoClassDefFound Error: com/fasterxml/jackson/annotation/JsonAutoDetect

    少了 jackson-annotation https://blog.csdn.net/qq_36497454/article/details/80461676

  2. keepalived高可用系列~ keepalived+proxysql

    一 简介:介绍下高可用通用的方案 二 目的:一个中间件提供服务,故障后,另一个中间件提供服务 三 手段: 应用keepalived的vrrp_scripts服务 四 具体配置 global_defs ...

  3. Setup ActorComponents

    向头文件中添加一些组件 UStaticMeshComponent* MeshComp;//静态网格体组件 USphereComponent* SphereComp;//球体组件//用来接收物体碰撞信息 ...

  4. ASP.NET - ADO.NET框架

    ADO.NET(ActiveX Data Objects) ADO.NET是一个COM组件库,用于在使用Microsoft技术的代码中访问数据库. SQL数据操作类 SqlConnection类(Sy ...

  5. Light oj 1099 - Not the Best 次短路

    题目大意:求次短路. 题目思路:由于可能存在重边的情况所以不能采用邻接矩阵储存图,我用了邻接表来存图. 由起点S到终点E的次短路可能由以下情况组成: 1.S到v点的次短路 + v到E的距离 2.S到v ...

  6. 20165337实验三——敏捷开发与XP实践

    实验要求 实验三-1 敏捷开发与XP实践 http://www.cnblogs.com/rocedu/p/4795776.html, Eclipse的内容替换成IDEA 参考 http://www.c ...

  7. Django实战(一)-----用户登录与注册系统3（前端页面、登录视图）

    基本框架搭建好了后,我们就要开始丰富页面内容了.最起码,得有一个用户登录的表单不是么?(注册的事情我们先放一边.) 一. 原生HTML页面 删除原来的login.html文件中的内容,写入下面的代码: ...

  8. 1-OSI七层模型详解

    1.网络协议种类 市面上存在4,5,7层协议. 1.1 国际标准化组织ISO发布的OSI 7层协议模型(即OSI开放式互联参考模型),是概念性模型. 1.2 TCP/IP是一种实践类的模型,已成为行业 ...

  9. Kafka监控KafkaOffsetMonitor【转】

    1.概述 前面给大家介绍了Kafka的背景以及一些应用场景,并附带上演示了Kafka的简单示例.然后,在开发的过程当中,我们会发现一些问题,那就是消息的监控情况.虽然,在启动Kafka的相关服务后,我 ...

  10. 剖析epoll机制

    剖析epoll机制 Linux epoll机制; 写这篇文章的原因是, 上次百度面试被问到一个事件怎么添加到epoll的双向链表中的; 这个问题比较深入, 涉及到内核的实现问题, 今天就来理解一下; ...