js
文章平均质量分 50
安忘
从0到1。
展开
-
关于ajax拦截跨源请求出现问题与setRequestHeader
源码:function add(){var params=yc.serialize(document.myform);//序列化表单元素 console.log(params);request=createXHR();if(request){//get请求request.onreadystatechange=listener;request.open("POST"原创 2016-08-05 19:25:08 · 3942 阅读 · 0 评论 -
js实现全选、反选
全选 反选 足球 篮球 跑步 登山 唱歌 跳舞 //选中全选按钮,下面的checkbox全部选中 var selAll = document.getElementById("selAll"); function selectAll() { var obj = document.getElementsByName("原创 2017-12-01 15:15:42 · 600 阅读 · 0 评论 -
js中setTimeout()与setInterval()
setTimeout()与setInterval()两者用法差不多,但是又有区别。setTimeout(code,millisec) 只执行code一次,如果要多次调用,请使用setInterval()或让code自身再次调用SetTimeout()setInterval(code,millisec[,"lang"]) 不停的调用函数,直到clearInterval()被调用或关闭原创 2017-11-17 11:19:35 · 210 阅读 · 0 评论 -
使用js在网页中实现一个计算当年还剩多少时间的倒数计时程序
function counter() { var date = newDate(); var year = date.getFullYear(); var date2 = newDate(year, 12,31,23,59,59); /*转换成秒*/原创 2017-10-10 16:03:27 · 2024 阅读 · 2 评论 -
localstorage统计访问页面次数
if (localStorage.pagecount) { localStorage.pagecount=Number(localStorage.pagecount) +1; }else { localStorage.pagecount=1; }document.write("Visits "+ localStorage.pagecount + " ti原创 2017-12-04 15:01:55 · 3419 阅读 · 0 评论 -
百度统计
百度统计是百度推出的一款专业网站流量分析工具,能够告诉您访客是如何找到并浏览您的网站,以及如何改善访客在您网站上的使用体验,帮助您让更多的访客成为客户,不断提升网站的投资回报率。<script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"...原创 2018-04-23 15:45:32 · 921 阅读 · 0 评论 -
rem适配不同屏幕
1.(function () { var html = document.documentElement; var hwidth = html.getBoundingClientRect().width; html.style.fontSize = hwidth / 26 + "px" //1rem 在ipone6下font-size=14px ...原创 2018-04-19 16:34:30 · 425 阅读 · 0 评论 -
给a标签绑定点击事件内容闪现
问题:给a标签绑定点击事件让隐藏内容出现,结果闪现,以为可能是js阻塞,排除后找到原因原因:a标签绑定要将href设为javascript:void(0)其中javascript表示伪协议,void(0)表示不执行动作,实际上就是不跳转的意思...原创 2018-05-09 17:17:50 · 1866 阅读 · 0 评论 -
jquery load方法调用html公共页面问题
最初目的:将html页面公共部分提取出来,如:导航,底部footer;然后在其它页面调用;便于后期字段上的更改;将页面导航的html代码,另存为一个nav.html文件;然后index.html页面要用导航时,用jqueryload();方法来调用这个nav.html;$(".memu").load("nav.html"});浏览器报错:Cross ori...原创 2018-04-25 18:17:23 · 6263 阅读 · 0 评论 -
给select下拉框设置高度
问题:移动端开发时select下拉栏目显示过多解决:<select id="bank_list_id" style="/* position: absolute; *//* left: 102px; *//* top: 0; *//* z-index: 1; */" onmousedown="if(this.options.length>6){this.size=7}" onblur=...原创 2018-05-18 17:12:53 · 7896 阅读 · 0 评论 -
video安卓端始终在最顶层
X5内核视频播放使用了自研的播放器,考虑用户体验,我们使用了统一的播放界面。如果有相关问题,请联系腾讯浏览服务产品经理做进一步交流原创 2018-09-28 21:00:39 · 2670 阅读 · 2 评论 -
ios返回上一级页面不刷新解决
$(function () { var isPageHide = false; window.addEventListener('pageshow', function () { if (isPageHide) { window.location.reload(); } }); window.addEventListener('pagehi...原创 2018-10-15 20:01:29 · 1433 阅读 · 0 评论 -
input键盘搜索
html:<input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索课程/专栏/微课主页" autocomplete="on">js:$(".weui-search-bar__input").on('keypress', function(e原创 2018-10-27 17:01:32 · 485 阅读 · 0 评论 -
VM1717:3 Uncaught SyntaxError: Illegal return statement
var name=$('#name').val();if (name == '') { toptip.Funtishi('请输入姓名'); return false; }报错:Uncaught SyntaxError: Illegal return statement原因:js里return只能在函数中使用解决:$(function(){...原创 2018-11-01 11:34:36 · 8871 阅读 · 0 评论 -
禁用和启用微信分享
禁用:document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu');//隐藏右上角菜单});启用:document.addEventListener('WeixinJSBridgeReady', functi...原创 2018-11-24 10:50:46 · 801 阅读 · 0 评论 -
移动端echo.js 延迟加载图片控件
echo.js的github地址:https://github.com/toddmotto/echo<img src="circle.png" alt="Photo" data-echo="timg.jpg"><script type="text/javascript" src="echo.js"></script>原创 2019-02-27 14:19:03 · 312 阅读 · 0 评论 -
Jquery组件封装之鼠标移入移出图片透明度变化
(function($){$.fn.jfade=function(settings){var defaults={start_opacity:"1",hign_opacity:"1",low_opacity:".1",timing:"500"};var settings=$.extends(defaults,settings);var settings.elem原创 2017-11-14 16:04:08 · 746 阅读 · 0 评论 -
原生DOM选择器querySelector和querySelectorAll
假如我们有一个 id 为 test 的 DIV,为了获取到这个元素document.getElementById("test");document.querySelector("#test");document.querySelectorAll("#test")[0];querySelectorAll该方法返回所有满足条件的元素,结果是个nodeList集合原创 2017-10-24 17:17:35 · 309 阅读 · 0 评论 -
js实现多级菜单
html: 我的网站 2级分类 3级分类 4级分类 5级分类 5级分类 5级分原创 2017-10-23 17:25:00 · 4732 阅读 · 0 评论 -
JS使用cookie实现DIV提示框只显示一次
实现效果:网站打开的时候出现弹框且只显示一次html代码: X css代码:.mask-box{width:100%;height:100%;background:rg原创 2017-09-13 11:27:25 · 853 阅读 · 0 评论 -
JS使用cookie实现DIV提示层每次打开浏览器都能弹出
之前使用cookie实现DIV提示框只显示一次但是还是出现了一些问题,cookie一直存在并没有被清除,所以只有在第一次打开网站的时候才出现弹出框,现在实现的效果是每次打开浏览器都能弹出一次。html: X原创 2017-09-16 10:16:44 · 637 阅读 · 1 评论 -
jquery.cookie() 方法的使用(读取、写入、删除)
jquery.cookie.js 的配置 1.添加一个会话 cookie: $.cookie('the_cookie', 'the_value'); 注:当没有指明 cookie有效时间时,所创建的cookie有效期默认到用户关闭浏览器为止,所以被称为 “会话cookie(session cookie)”。 2.创建一个coo原创 2017-09-18 15:14:41 · 321 阅读 · 0 评论 -
jquery的each()
1.一维数组var arr1 = [ "aaa", "bbb", "ccc" ]; $.each(arr1, function(i,val){ alert(i); alert(val); });alert(i)将输出0,1,2alert(val)将输出aaa,bbb,ccc2.二维数组 var ar原创 2017-09-26 16:29:20 · 172 阅读 · 0 评论 -
ajax获取本地数据实例
html:css:*{ padding:0; margin:0; } #test{ padding: 0; margin: 0 auto; width:200px; height: 400px原创 2017-09-25 14:50:08 · 1569 阅读 · 0 评论 -
JS网页特效让字体一直变换颜色
1.function changeColor(){var color="#f00|#0f0|#00f|#808|#534";//定义一条变换颜色的字符串color=color.split("|");//然后通过split方法进行分割var xuan=document.getElementsByTagName("h1");//获得元素for(var i=0;ixuan原创 2017-09-19 09:32:14 · 6162 阅读 · 0 评论 -
JSON对象和数组
实例:myObj = {"name":"网站","num":3,"sites":[{"name":"Google","info":["Android","Google 搜索","Google 翻译"]},{"name":"Runoob","info":["菜鸟教程","菜鸟工具","菜鸟微信原创 2017-09-28 10:35:58 · 161 阅读 · 0 评论 -
jQuery动态添加.active 实现导航l栏效果
html: @foreach (NavInfo info in WorkContext.NavList) { @info.Name } 旅游频道 畅游生活+原创 2017-09-21 11:50:06 · 2424 阅读 · 0 评论 -
jQuery实现简单的tab切换
html: tab1 tab2 tab3 tab4 内容一 内容二 内容三 内容四 css:*{box-sizing:border-box;}#nav{height:50px;}#nav a{display:block;heigh原创 2017-10-08 11:32:03 · 19314 阅读 · 1 评论 -
JavaScript 变量提升
变量提升:函数声明和变量声明总是会被解释器悄悄地被"提升"到方法体的最顶部。JavaScript 中,函数及变量的声明都将被提升到函数的最顶部。1.JavaScript 中,变量可以在使用后声明,也就是变量可以先使用再声明。以下两个实例将获得相同的结果:x = 5; // 变量 x 设置为 5elem = document.getElementB原创 2017-10-17 16:38:26 · 268 阅读 · 0 评论 -
JS获取URL中参数值(QueryString)的4种方法
项目中具体实现: //获取url后面的参数 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.subs原创 2017-09-22 14:24:11 · 13938 阅读 · 0 评论 -
关于页面性能优化的一些建议
一、带宽1.使用CDN2.压缩js、css、图片优化二、HTTP优化1.减少转向2.减少请求数3.缓存4.尽早flush5.使用gzip6.减少cookie7.使用GET三、DNS优化1.减少域名解析时间2.增多域名提高并发四、javascript1.放在页面底部2.defer/async五、css原创 2017-10-11 11:49:44 · 203 阅读 · 0 评论 -
asp.net页面的地址栏中显示自定义的ICO图标
1.浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件,如果没有,便到网站的根目录下寻找。因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。2.如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,具体设置原创 2017-10-11 16:15:54 · 2406 阅读 · 0 评论 -
js控制根元素的font-size大小
functionintiSize(){//获取当前浏览器窗口宽度(这里的实质就是body宽度)var win_w=document.body.offsetWidth; //定义变量var fontSize;if(win_w>640){ fontSize=24; }else{//如果浏览器窗口宽度(这里的实质就是body宽度)值小于320,原创 2017-10-20 17:33:02 · 5494 阅读 · 0 评论 -
js实现图片点击时放大,再点击恢复
var flag = true,//状态true为正常的状态,false为放大的状态 imgH,//图片的高度 imgW,//图片的宽度 img = document.getElementsByTagName('img')[0];//图片元素 img.onclick = function(){原创 2017-10-13 10:24:13 · 31325 阅读 · 4 评论 -
js根据日期判断周几
var weekDay = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]; var myDate = new Date(Date.parse("2019/7/12")); console.log(weekDay[myDate.getDay()]); // 星期五...原创 2019-07-12 18:43:30 · 5721 阅读 · 0 评论