JavaScript——疑难杂症总结

1、JS折叠代码

//#region...//#endregion

2、iframe的使用——dhtmlx中的

<iframe src="/con/fun?type=" name="iframeMerge" id="iframeMerge" width="100%" onload="this.height=iframeMerge.document.body.scrollHeight"></iframe>//通过替换iframe的src来实现局部刷新
document.getElementById("iframeMerge").src = "/fun/con?type=" + $('#scrapType').val();var myMindow = new dhtmlXWindows();
var winid = myMindow.window(id);//id为子弹窗的ID
var ifr = winid.getFrame();
//父页面Iframe获取子页面iframeMerge的Form表单信息
ifr.contentWindow.document.getElementById("Iframe").contentWindow.$("#iframeMerge");

3、获取table的所有行和某一行的所有单元格

var tr = document.getElementById("mytable").rows;//mytable为table的IDvar tds = tr[i].cells;//获取第i行的所有单元格

4、input输入框防止键盘输入，支持扫码枪输入和回车

var keydownFirstTime = 0;
function keyup(event,obj) {console.log(event.keyCode);//剔除回车键if (event.keyCode != 13) {var date = new Date();var nowTime = date.getTime();if (obj.value.length < 2) {keydownFirstTime = nowTime;}//按键时间超过50ms时清空数据if (nowTime - keydownFirstTime > 50) {obj.value = '';}}
}
//在input标签中添加onkeyup事件
onkeyup="keyup(event,this);"//回车事件
$("#AlFilm").keydown(function (e) {if (e.which == 13) {}
});

5、给datetime-local的input设置默认时间

//需要的时间格式为：yyyy-mm-ddThh:mm:ss
function getFormat() {var format = "";var nTime = new Date();format += nTime.getFullYear() + "-";format += (nTime.getMonth() + 1) < 10 ? "0" + (nTime.getMonth() + 1) : (nTime.getMonth() + 1);format += "-";format += nTime.getDate() < 10 ? "0" + (nTime.getDate()) : (nTime.getDate());format += "T";format += nTime.getHours() < 10 ? "0" + (nTime.getHours()) : (nTime.getHours());format += ":";format += nTime.getMinutes() < 10 ? "0" + (nTime.getMinutes()) : (nTime.getMinutes());//format += ":00";return format;
}

6、获取页面的来源URL

//用b接收来路链接
var b = document.referrer;
console.log("来路链接" + b);
//判断来路链接是否为空,若为空则什么都不提示，若不为空则为正常访问
if(b == ""){alert('来历不明！');
}

7、光标置后——鼠标的光标始终位于输入的文字之后

function setPointer(event) {//获取焦点后光标在字符串后 //其原理就是获得焦点后重新把自己复制粘帖一下 var id = event.id;var t=$("#"+id).val(); $("#"+id).val("").focus().val(t);
}

8、服务端文件导出

window.location.href = "../con/fun?fileName=" + fileName;

9、HTML鼠标焦点默认停留在某个input框中

document.getElementById("input_box_no").focus();

10、select通过add和append添加option

var select2 = document.getElementById("a2");
var select1 = document.getElementById("a1").value;
for(var i in city[select1 ]) {    select2.add(new Option(city[select1][i], city[select1][i]), null);//select2.append("<option value='" + s + "'>" + s +"</option>");
}

11、正则匹配整数、非零开头的小数、零开头的小数

(/^[1-9][0-9]*([.][0-9]+)?$/.test(data.QTY) || /^[0]([.][0-9]+)?$/.test(data.QTY))

12、删除select标签中的option标签

$("#ID").html('');
$('#ID').find('option').remove();//Layui中的方式
$("#ID").empty();
layui.form.render("select");

13、对所有同名的id的标签进行某个操作

$(function(){$("[id=open_app]").click(function(){//类似于数组查询全部的id=open_app...});
});

JavaScript——疑难杂症总结相关推荐

JavaScript疑难杂症系列-事件循环
javascript单线程浏览器端,复杂的UI环境会限制多线程语言的开发. 例如,一个线程在操作一个DOM元素时,另一个线程需要去删除DOM元素, 这个之间就需要进行状态的同步,何况前端可能不止操作 ...
笔记：JavaScript中的30个疑难杂症
JavaScript中的30个疑难杂症目录数据类型表达式运算符和分支结构内置对象 JS DOM JS BOM 函数对象面向对象 typeof 和 instanceof JS数据类型: 原始类 ...
【疑难杂症】JavaScript执行期上下文
什么是执行期上下文(execution context) 总结一句话:执行上下文就是JS代码的环境,它记录着当前环境所定义的所有变量执行期上下文的类型全局执行期上下文(GO) 全局代码执行之前,产 ...
javascript笔记：深入分析javascript里对象的创建（上）续篇
今天回来一看我的博客居然有这么多人推荐真是开心极了,看来大家对我的研究有了认可,写博客的动力越来越大了,而且我发现写javascript在博客园里比较受欢迎,写java的受众似乎少多了,可能博客园里j ...
从TCP三次握手说起——浅析TCP协议中的疑难杂症
PeterWang_bupt 贡献值:2 等級:L1 0 发布 0 评论 1 顶发布链接发布图文全部主题我关注的主题 GEEKNEWS Rust Swift 全栈工程师 /home Pres ...
优雅的写出 JavaScript 代码
目录前言避免使用 js 糟粕和鸡肋编写简洁的 JavaScript 代码使用 ES6/ES7 新特性 Babel ESLint Prettier 采用函数式编程优雅的敲 JS 代码的几个原则 ...
声音甜美的美女工程师已就位-帮你搞定React面试的疑难杂症 React面试优化教程
声音甜美的美女工程师已就位-帮你搞定React面试的疑难杂症 React面试优化教程 React早已经是一线大厂前端的必备技术了,那么在前端跳槽过程中能够帮助同学们的加分的就是在面试这个环节了.Rea ...
【人人都能读标准】前言：为什么你学不精JavaScript？
本文为<人人都能读标准>-- ECMAScript篇的前言.我在这个仓库中系统地介绍了标准的阅读规则以及使用方式,并深入剖析了标准对JavaScript核心原理的描述. 我先从一个Java ...

JavaScript——疑难杂症总结

JavaScript——疑难杂症总结相关推荐

最新文章

热门文章