获取input type="file"上传文件的文件名称的方法
通过js获取包含和不包含路径的上传文件名称。
html代码：
<div id="filename"></div>
<form>
<input type="file" name="file" class="file" id="fileField" onchange="document.getElementById('filename').value=this.file...
JavaScript四舍五入保留小数位的方法toFixed()
toFixed()方法可以把指定数字的小数位数四舍五入后保留指定的位数，如保留两位小数、三位小数。
语法:
NumberObject.toFixed(num)
NumberObject - 数字对像
num - 要保留的小数位数，是 0 ~ 20 之间的值，包括 0 和 20，如果省略了该参数，将用 0 代替。
返回值：
返回Nu...
通过纯css3代码实现六边形边框
最外层boxF旋转120度、第二层boxS旋转-60度、第三层boxT再旋转-60度，此时刚好回正，然后把图片就放在第3层的div背景中。因为前两层div中没有东西，纯粹就是用来旋转得到6边形的，所以对1，2层div设置visibility: hidden; 而第3层div是放图片的，需要显示出来，因此设置visibility: visible;
经过旋转肯定有超出的部分，因此对3个div都设置overflow:hid...
javascript获取当前页面url网址参数信息代码
使用原生js获取web当前页面url网址信息，包括获取完整url、url协议、url主机、url端口号、url路径、url问号?后面部分、url井号#后面部分。
1、获取整个URL地址
当前页面：https://www.tddx.net/geturl.html?id=1
var _url = window.location.href;
alert(test);
返回值：https://www...
原生javascript实现点击展开,再点击关闭效果(fadeToggle)
使用原生javascript实现点击展开关闭div效果。
html代码：
<span onclick="clickshow('element');"></span>
<div id="element">
欢迎访问http://www.neirong.org!
</div>
javascript代码：
function clickshow(ele...
javascript document.getElementById("id") is null的原因和解决方法
使用原生javascript document.getElementById('id')获取dom元素时，出现“document.getElementById("id") is null ”的错误。
原因有两种：
第一种是id不存在或 错者拼写错误；
第二种是body还没有加载，此时执行获取dom对象元素代码会报is null的错误。
解决方法：
把javascript代...
解决百度分享不支持https的方法
百度分享不支持https，解决方法是把百度分享本地化。
1、下载本地化文本：https://github.com/hrwhisper/baiduShare
2、把解压后的static文件夹上传到网站根目录（要有可访问权限）
3、修改百度分享的js代码，更改前的代码如下：
<script>window._bd_share_config={"common":{"b...
Javascript正则表达式验证账号、手机号、电话和邮箱
1、验证帐号是否合法
验证规则：字母、数字、下划线组成，字母开头，4-16位。
function checkUser(str){
var re = /^[a-zA-z]\w{3,15}$/;
if(re.test(str)){
alert("正确");
}else{
alert("错误");
}
}
checkUser("neiron...
html input file上传控件限制上传文件的类型
type="file"的input上传选择文件默认是所有文件类型都会显示出来，如何限制它只显示设定的文件类型，如.xlsx、.doc、.pdf等后缀文件？办法是给它添加一个accept属性，代码如下：
<input id="File1" type="file" accept=".xls,.doc,.txt,.pdf"/>
附支持的文件类型：
*.3gpp audio/3gpp， video/3g...
js鼠标滑轮滚动监听触发事件
判断鼠标滚动方向执行不同的事件代码，兼容IE、Firefox、chrome浏览器。javascript代码如下：
<script>
var scrollFunc = function (e) {
var direct = 0;
e = e || window.event;
if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件...
页面滚动无限加载jQuery插件jquery.infinitescroll.js使用说明
jquery.infinitescroll.js插件的作用是：随着浏览器窗口滚动，不刷新页面自动加载下一页内容，常用于文章列表页面。常见的手机浏览网站的文章列表，浏览到最后一篇时，自动加载更多的文章出来。
插件官网和下载：https://infinite-scroll.com/
基本用法
在html文件的<head></head>之间引用插件文件：
<scri...
jQuery slice()方法获取指定索引范围内的元素
slice() 把匹配元素集合缩减为指定的指数范围的子集。模仿了 JavaScript 数组对象的 .slice() 方法。它所模仿的特性之一是向 start 或 end 参数传递负数的能力。如果提供负数，则指示的是从集合结尾开始的一个位置，而非从开头。
语法：
$('element').slice(selector,end)
selector - 基于 0 的整数值，指示开始选取元素的位置。如果是负数，则指示...
