js相关
文章平均质量分 51
xlb_123
好记性不如烂笔头……
展开
-
js判断用户的浏览器设备是移动端还是pc端
最近做的一个网站页面中需要根据用户的访问设备的不同来显示不同的页面样式,主要是判断移动设备还是电脑浏览器访问的。下面给出js判断处理代码,以作参考。 function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var转载 2017-05-27 15:35:42 · 776 阅读 · 0 评论 -
juery验证之后如何清除form表单的数据
form标签提交之后,想清除form表单的数据:1.在提交数据时清空表单中的数据 只需要执行$('#表单id').reset();或是 submit(reset);语句即可,将其放在你触发的函数中 2.后台提交数据,或切换选择时 在你的单击事件中加上一句:$("#表单id").form("clear");即可原创 2017-06-12 09:56:55 · 2090 阅读 · 0 评论 -
jquery.validate 验证表单
(1)首先引用js:script src="js/jquery.validate.min.js">script>(2)标签form class="cmxform" id="updateinfoForm" method="get" action=""> p>label for="username">姓 &nbs原创 2017-06-12 09:33:28 · 415 阅读 · 0 评论 -
js限制文本框只能输入数字方法小结
有时需要限制文本框输入内容的类型,本节分享下正则表达式限制文本框只能输入数字、小数点、英文字母、汉字等代码。例如,输入大于0的正整数复制代码代码如下:1,文本框只能输入数字代码(小数点也不能输入)复制代码代码如下:2,只能输入数字,能输小数点. 复制代码代码如下:转载 2017-07-03 17:34:03 · 297 阅读 · 0 评论 -
jquery实现div水平垂直居中显示
divclass="index_container">样式:width: 1280px;height: 785px;margin: 0 auto;js:$(function () { $(window).on('resize', function(){ var w = ($(window).width() - $(".index_container")原创 2017-06-13 17:34:27 · 692 阅读 · 0 评论 -
jquery 图片轮播插件unslider
(1)标签:原创 2017-06-27 15:42:03 · 444 阅读 · 0 评论 -
jsonp跨域调用代码实例
$(document).ready(function () { var postUrl = "/GetRecData.aspx"; $.ajax({ type: "get", url: postUrl, dataType: "jsonp原创 2016-07-01 10:43:49 · 417 阅读 · 0 评论 -
js动态改变地址栏url,不刷新页面
不兼容ie8,其他主流浏览器都兼容var state = {title:'',url:window.location.href};history.pushState(state,'','test.html?t=aaa');原创 2017-07-20 17:22:22 · 6974 阅读 · 0 评论 -
js获取地址栏参数的值
function getUrlParam(name) { var Url = window.location.href, obj = {}, arr_1 = '', arr_2 = ''; if(Url.indexOf('#') >= 0) { //有# ...原创 2017-10-18 14:08:49 · 527 阅读 · 0 评论 -
jquery ajax pagination分页的使用实例(内含jquery.pagination.js)
(1)首先引用:jquery.pagination.js(2)ajax实例:标签:<div class="pagelist"></div> var pageSize =10; GetData(1); function GetData(index) { var hid_p_i = $("#hid_y").val();...原创 2017-02-13 11:41:37 · 5125 阅读 · 0 评论 -
js标签里面添加onclick传递参数符号问题
js里面添加onclick传递参数符号问题: strHmtl += "";原创 2017-06-09 10:42:15 · 2246 阅读 · 0 评论 -
js实现倒计时
$(function () { var sec_str = ""; if (parseInt(sec_str) timer(sec_str.substring(1)); } else { timer(sec_str);原创 2017-06-09 10:40:15 · 425 阅读 · 0 评论 -
html5 audio的使用
html5开启了一个新时代,因为它让浏览器本身变得不那么被动,audio api就是一个典型的列子,在html5还没确定之前,如果想要在网页上听音乐看视频唯一的办法就是用flash意思是当你没有给浏览器装载Flash插件的话 那么音乐视频即是空谈,html5 audio的出现改变了这一格局,因为你可以不用Flash插件就可以听音乐看视频,当然这些能否实现还跟你用的浏览器有关。这是dem转载 2017-05-09 10:33:43 · 728 阅读 · 0 评论 -
Jquery 获取 iframe 父页面与子页面的元素和方法
1.在页面中查找 iframe 页面元素:$("#iframe").contents().find("#id")2.在 iframe 中查找父页面元素:$("#id", parent.document)3.在 iframe 中调用父页面中定义的方法和变量:parent.methodparent.value转载 2017-05-31 11:02:51 · 340 阅读 · 0 评论 -
jquery图片轮播带缩略图
(1)html 标签:div class="lb_list"> span class="btn left_btn">span> div class="large_box"> ul> li> img src="images/img1.jpg" width="530" height="350">原创 2017-06-05 10:00:23 · 677 阅读 · 0 评论 -
js window.open新打开窗口总是被浏览器拦截的问题
window.open新打开窗口总是被浏览器拦截掉,试了网上的几种方法,都不行,最后还是换成了a标签,换了逻辑,也就这样了……原创 2017-06-06 09:56:00 · 766 阅读 · 0 评论 -
Jquery ajax的二次封装
function ajax_post(api_url, param, ty, datype, get_data) { $.ajax({ url: api_url, type: ty, dataType: datype, data: param, cache: false, success: ge原创 2016-11-22 17:52:08 · 703 阅读 · 0 评论 -
浏览器同源政策及其规避方法
浏览器同源政策及其规避方法作者: 阮一峰日期: 2016年4月 8日浏览器安全的基石是"同源政策"(same-origin policy)。很多开发者都知道这一点,但了解得不全面。本文详细介绍"同源政策"的各个方面,以及如何规避它。一、概述1.1 含义1995年,同源政策由 Netscape 公司引入浏览器。目前,所有浏览器都实行这个政策。最初,转载 2017-05-22 11:11:00 · 295 阅读 · 0 评论 -
js 图片延迟加载echo.min.js
Echo 是一个独立的 JavaScript 懒加载图像的工具,快速、体积小(不足1k)和使用 HTML5 的 data- 属性。Echo 支持 IE8+ 。 和 Lazy Load 一样,Echo.js 也是一个用于图像延迟加载 JavaScript。不同的是 Lazy Load 是基于 jQuery 的插件,而 Echo.js 不依赖于 jQuery 或其他 JavaScript转载 2017-05-08 10:14:05 · 976 阅读 · 0 评论 -
js实现pc浏览器复制粘贴功能
(1)首先引用clipboard.min.js:/*! * clipboard.js v1.6.1 * https://zenorocha.github.io/clipboard.js * * Licensed MIT © Zeno Rocha */!function(e){if("object"==typeof exports&&"undefined"!=typeof原创 2017-06-02 16:03:46 · 3106 阅读 · 1 评论 -
js、jQuery、layer实现弹出层的打开、关闭
打开layerlayer.open({ type: 2, title: '新增收货地址', shadeClose: true, shade: 0.8, area: ['900px', '60%'], content: [Think.U('Home/UserAddress/addAddress')]});执行保存操作后关闭$.post(Thi转载 2017-06-07 17:40:10 · 786 阅读 · 0 评论 -
js判断是否微信打开
function is_weixin() { var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return true; } else {原创 2016-07-01 10:02:57 · 867 阅读 · 0 评论 -
解决ajax无法给js全局变量赋值的问题
var usersname="";$.ajax({type:"post",url:"a.action",data: {},dataType: 'text',async : false,//设置为同步操作就可以给全局变量赋值成功success:function(data){usersname = data;//usersname为前面声明的全局变量}}); ...原创 2018-09-12 17:56:16 · 646 阅读 · 0 评论 -
jquery中动态创建的元素如何添加tooltip效果
在ajax的complete中:setTimeout(function () { $("[data-toggle='tooltip']").tooltip('show'); },800);就可以了。 $.ajax({ url: "", type: "POST", contentType:...原创 2019-06-14 10:15:50 · 1409 阅读 · 0 评论 -
js将mvc后台获取的数据转换为json字符串
var dataItems = @Html.Raw(Utility.JsonHelper.Serialize(Model.CustomMessageList)); if (dataItems != null && dataItems.length > 0) { console.log(dataItems); ...原创 2019-06-19 18:34:50 · 721 阅读 · 0 评论 -
jquery append()方法与html()方法用法区别
用ajax做分页的时候,发现一个问题:用append一条一条的增加内容时,点击下一页会出现闪的效果,体验不是很好,用html全部替换就没有闪现。(1)append(content):方法在被选元素的结尾(仍然在内部)插入指定内容,append是在原有基础上增加,而html中是替换当前所有内容。定义和用法append() 方法在被选元素的结尾(仍然在内部)插入指定内容。$(select...转载 2019-06-04 10:26:55 · 1471 阅读 · 0 评论 -
Jquery 禁止键盘Backspace键
$(document).keydown(function (e) { if (e.keyCode == 8) {// 禁止键盘Backspace键 layer.confirm("确认要离开当前页面吗?", { icon: 3, title: '提示' }, function () { window.location.h...转载 2019-07-01 15:56:17 · 484 阅读 · 0 评论 -
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
window.history对象在编写时可不使用 window 这个前缀。为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制。方法:history.back() - 加载历史列表中的前一个URL,这与在浏览器中点击前进按钮是相同的history.forward() - 加载历史列表中的下一个URL,这与在浏览器中点击前进按钮是相同的实例:<html&g...转载 2019-07-03 11:00:16 · 5319 阅读 · 0 评论 -
js正则过滤敏感词成星号
function filterKeyword() { console.log("1212"); var pcontent =$("#pContainer").html(); //console.log(pcontent); var wordArr = ["惊讶", "恶意", "裂缝", "黑线", ...原创 2019-07-09 17:00:47 · 1628 阅读 · 0 评论 -
jQuery.prop("outerHTML")获取包含自身在内的HTML元素的HTML代码
jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然而我们有时候的确需要,可以通过jQuery.prop("outerHTML")的方式设置。很多jQuery的使用者都对这一问题深感疑惑。为什么在众多方便的各种获取属性和设置属性的方法中就不能像DOM中一样直接设置html元素的outerHTML呢?因为原生JS DOM里有一个内置属性 outerHTM...转载 2019-07-10 13:41:01 · 1448 阅读 · 0 评论 -
jQuery实现全选、反选和不选功能
<div class="demo"> <ul id="list"> <li><label><input type="checkbox" value="1"> 1.时间都去哪儿了</label></li> <li><label><i...转载 2019-07-29 14:06:43 · 113 阅读 · 0 评论 -
jquery chosen插件使用及select常用方法
1、chosen插件使用chosen插件依赖于jQuery库或prototype,使用之前要先引入jQuery或prototype。引入jquery插件和chosen插件,对需要美化的下拉框执行chosen函数:$(selector).chosen(options)。可以把selector写成样式类,这样执行完chosen函数后,只要加上样式类就可以了。举例<head...转载 2019-07-24 17:30:39 · 2636 阅读 · 0 评论 -
jQuery判断div滚动到底部,并加载数据的示例,防止重复加载
(1)简单示例: var msg_list_loading = false; $('.msg_list').on('scroll', function(){ if ( ! msg_list_loading ){ load_more_msg(); } }) fun...转载 2019-05-30 14:31:58 · 2616 阅读 · 1 评论 -
.net 多个ajax请求时控制执行顺序或者等待执行完成后的操作
当确保执行顺序时:一、 请求加async: false,,这样所有的ajax就会同步执行,请求顺序就是代码顺序代码部分:$.when($.ajax( {async: false, url : url1 } ), $.ajax( {async: false, ...转载 2019-05-27 17:39:50 · 262 阅读 · 0 评论 -
Nicescroll滚动条插件的用法
Nicescroll滚动条插件是一个非常强大的基于JQUERY的滚动条插件,不需要增加额外的css,几乎全浏览器兼容。ie6+,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件,可在触摸屏上使用。官网地址:http://www.areaaperta.com/nicescroll/引入核心文件,插件需要引入1.5.X以上版本的jquery库最简单的用法如下:$(do...转载 2018-10-25 11:48:45 · 221 阅读 · 0 评论 -
HTML5音视频播放(Video,Audio)和常见的坑处理
1. 前言背景 在HTML5出现之前,Web页面访问音视频主要是通过Flash,Activex插件,还有微软后来推出的silverlight来展现的,尽管FLASH曾经风靡全球,但是随着互联网的不断发展,进入移动时代以后,Flash的风头渐渐被HTML5替代,主要原因是Flash经常爆出漏洞,安全性令人担忧,性能方面较差,对网络浏览和设备的电池也消耗比较大等等,Flash天生就是为PC而生,...转载 2019-04-04 16:43:36 · 1861 阅读 · 0 评论 -
JS-html5移动端发送指定内容短信到指定号码
原理:利用a标签跳转指定网址:sms://[号码]?body=[内容] //安卓sms://[号码]&body=[内容] //IOS<a href="sms:10086?body=哈哈哈呵呵呵">测试</a> //安卓<a href="sms:10086&body=哈哈哈呵呵呵">测试</a>//IOS首...转载 2019-04-10 18:15:17 · 1814 阅读 · 1 评论 -
js实现5秒倒计时重新发送短信功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js-手机发送短信倒计时</title> <style> button{ width: 100px; height: 30px;...转载 2019-04-02 15:12:59 · 534 阅读 · 0 评论 -
HTML5 解决苹果手机audio不能自动播放音乐问题
html5解决苹果手机不能自动播放音乐问题,解决方法如下一段代码:<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script> function autoPlayAudio() { wx.config({ // 配...转载 2019-04-03 17:35:06 · 2821 阅读 · 1 评论 -
html5 audio音频播放全解析
序html5开启了一个新时代,因为它让浏览器本身变得不那么被动,audio api就是一个典型的列子,在html5还没确定之前,如果想要在网页上听音乐看视频唯一的办法就是用flash意思是当你没有给浏览器装载Flash插件的话 那么音乐视频即是空谈,html5 audio的出现改变了这一格局,因为你可以不用Flash插件就可以听音乐看视频,当然这些能否实现还跟你用的浏览器有关。这是de...转载 2019-04-03 18:11:06 · 4935 阅读 · 0 评论