js----常用功能
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----常用功能的更多相关文章
- JS 常用功能收集
JS 常用效果收集 1. 回到顶部>> 爱词霸
- js 常用功能实现（函数）
1.10 个短小实用的代码片段 :https://www.jianshu.com/p/3ef822ec5a63 2.js常用函数 : https://www.cnblogs.com/wangyuyu ...
- js常用功能汇总
var Utils = function() { this.Tools; this.ui; }; Utils = new Utils(); Utils.prototype.Tools = { year ...
- js - 常用功能方法汇总（updating...）
一.查值的类型(可用于拷贝) /* * @Author: guojufeng@ * @Date: 2017-12-20 15:07:06 * @purpose 获取一个值的类型 * @param {v ...
- JS常用功能
1.字符串转Json var json='[{"id":0,"text":"ddddd"},{"id":1," ...
- js常用功能总结
1,手机号的校验 //手机号的判断 function checktel() { //手机号不为空,格式校验 var tel = $(".uidbtp").val(); if(tel ...
- Hbuilder常用功能汇总
引用 样式表: mui.min.css Js:mui.min.js 常用功能 获取页面 var webView=plus.webview.currentWebview();//获取当前页 var we ...
- Google Chrome调试js代码,开发者工具之调试工具常用功能
参考:Google Chrome调试js代码-http://www.open-open.com/lib/view/open1384785324165.html 重点:左下角一个{}括号图标按钮用于把杂 ...
- 160229-01、web页面常用功能js实现
web页面常用功能js实现 1.网页未加载时弹出新窗口 <body onunload="window.open('http://www.a68.cn');">< ...
- es6常用功能与异步详解（JS高级面试题）
callback hell方法的使用 可读性不友好 function loadImg(src,callback,fail){ var img = document.createElement('img ...
随机推荐
- jq的遍历关系元素方法集合
children .children(selector) 返回被选元素的所有直接子元素,不返回文本节点: 下面例子:给level-2的子元素设置border.比较使用children和find htm ...
- 今天碰到一个问题，怎么限制用户在固定宽度的input输入框里输入的长度，由此涉猎到了maxlength属性和size属性以及它们的区别。
最开始想首先要强制在一行,另外超出的隐藏.还有一个思路是把value的值的长度和框的长度怎么联系起来,具体怎么联系我也不知道. 在解决另外一个问题的时候,哥发给我的代码里无意中看见input有个max ...
- linux 查看文件夹大小
参考链接: http://www.cnblogs.com/iconfig/p/4863063.html
- Struts2基础2
一.struts中的API 1)完全解耦合的方式 1.1首先创建一个示例工程,在WEB-INF下创建lib文件夹,把struts2核心jar包导入.在工程下创建resource文件夹,并将其设为资源文 ...
- java包装类型的坑
开发中有遇到Long类型比较是否相等,比如Long A和Long B判断是否相等,当时习惯性的直接A==B: 自测的话确实么有问题,但是测试那边测试就有问题,当时郁闷了一下然后换成了A.equals( ...
- 使用WebView时软键盘遮挡H5页面解决办法
简单解决办法:在清单文件中添加 android:windowSoftInputMode="adjustResize" 此举可在软键盘弹出时,重新测量布局,保证不遮挡光标的所在位置. ...
- javascript常用函数封装——运动、cookie、ajax、获取行内样式兼容写法、拖拽
运动.cookie.ajax.获取行内样式兼容写法.拖拽封装大合集. //url,data,type,timeout,success,error function ajax(options){ //- ...
- C++以const 作为返回值类型的意义
const rational operator*(const rational& lhs, const rational& rhs); 很多程序员第一眼看到它会纳闷:为什么operat ...
- 虚拟机安装CentOS配置静态IP
在VMware中安装Linux虚拟机后(比如CentOS6.*),不能访问网络,需要配置静态IP.虚拟机中推荐使用NET模式进行网络连接,在虚拟机的工具栏点击编辑>虚拟网络编辑器>NET模 ...
- 【转】python模块分析之typing（三）
[转]python模块分析之typing(三) 前言:很多人在写完代码一段时间后回过头看代码,很可能忘记了自己写的函数需要传什么参数,返回什么类型的结果,就不得不去阅读代码的具体内容,降低了阅读的速度 ...