使用navigator获取浏览器系统当前使用语言

2019-12-23 Jon js+jquery+ajax

在前端开发过程中,通常会碰到多语言的需求,而默认展示语言需要根据用户的浏览器使用的语言来判断,那么就需要获取览器系统当前使用的语言。这里使用了浏览器的api navigator.language 和 navigator.browserLanguage。值得注意的是主流浏览器都会有 navigator.language,navigator.appName 是 "Netscape";而ie10以及之前没有 navigator.language 而是 navigator.browserLanguage 代替,navigator.appName 是 navigator.appName 是 "Microsoft Internet Explorer"。

阅读全文>>

标签: 浏览器

评论(0) 浏览(804)

js模拟元素点击事件以及下载网络资源文件方法乱炖

2019-6-20 Jon js+jquery+ajax

一、a标签的download下载功能   只能下载本地文件即同一个域名的文件(base64位图片地址也是属于本地地址)如   <a href="/images/logo.png" download="logo">   若是其它域名下的文件则无法下载会直接打开如   <a href="http://yuanqiao.pw/images/logo.png" download="logo">   兼容性     浏览器    兼容版本    目前最新版本 ...

阅读全文>>

标签: 模拟点击

评论(0) 浏览(3816)

js中遍历数组和对象的方法大全整理

2019-4-8 Jon js+jquery+ajax

目录 一、遍历数组的方法 1. for 2. while 和 do while 3. for of 4. for in 5. 达夫设备 6. forEach 和 map 7. filter、some、every、reduce、reduceRight 8. js库 jquery $.each 和 underscore _.each() 二、遍历对象的方法 1. for in 2. Object.keys(obj).forEach(function(key){console.log(key,obj[key]);}); 3. Object.getOwnPropertyN...

阅读全文>>

标签: 遍历

评论(0) 浏览(1169)

js获取浏览器系统当前使用语言

2018-11-8 Jon js+jquery+ajax

运行下面代码获取本地系统语言,关键是js代码 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>获取浏览器系统当前使用语言</title></h...

阅读全文>>

评论(0) 浏览(893)

递归函数通过缓存提升性能

2017-8-20 Jon js+jquery+ajax

递归应该是众所周知的概念,而且我们遇到次数最多的例子可能就是斐波那契数列了,规则如下: f(n)=f(n-1)+f(n-2), for n=2,3,4,...n and f(0)=0 and f(1)=1      ...

阅读全文>>

评论(0) 浏览(2167)

base64位多组图片显示美化并上传

2016-11-12 Jon js+jquery+ajax

js 选择单个base64位图片 js 选择多组base64位图片 .showImg img{ height:100px; } .select-img-box { position: relative; display: inline-block; background: #D0EEFF; border: 1px solid #99D3F5; border-...

阅读全文>>

标签: base64

评论(0) 浏览(1303)

判断浏览器是否安装了flash

2016-8-8 Jon js+jquery+ajax

判断浏览器是否安装了flash <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>判断浏览器是否安装了flash</title> </head> <body>   <div class="install-flash">     <a href="https://get2.adobe.com/cn/fl...

阅读全文>>

标签: flash

评论(0) 浏览(1340)

JS判断客户端是否是iOS或者Android手机移动端

2016-7-15 Jon js+jquery+ajax

通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端。代码如下: var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 alert('是否是Android:'+isAndroid); alert(...

阅读全文>>

标签: 移动端

评论(0) 浏览(1800)

ajax使用jsonp跨域取数据献上3个demo

2016-5-27 Jon js+jquery+ajax

ajax使用jsonp跨域取数据 3个demo献上 1、ajax通过getScript跨域请求数据 ajax通过getScript跨域请求数据 ajax通过getScript跨域请求数据 $.getScript('https://yuanqiao.pw/yqiao/jsonp/datas.json',function(){ console.log(Dylan); $('h2').html('姓名:'+Dyla...

阅读全文>>

标签: jsonp 跨域

评论(0) 浏览(1909)

jquery自定义网页列表右键菜单选项

2016-5-6 Jon js+jquery+ajax

jQuery自定义列表右键菜单选项 jQuery自定义列表右键菜单选项 *{margin:0;padding:0;} ul,li{list-style: none;} a{text-decoration: none;color: black;} a:hover{color: white;background: black;} #mymenu{position: absolute;display: none;z...

阅读全文>>

标签: 右键菜单

评论(1) 浏览(1466)

前端检测低版本浏览器并给予升级提示

2016-4-9 Jon js+jquery+ajax

你有你的ie678,我有我的页面展现。你可以嘲笑我们的技术不去升级,我们会证明这是哪个浏览器的时代。前端,注定是踩坑的过程,但,那又怎样,哪怕所有人都用ie,也要坚持自己的方向。 在这个苦逼的浏览器国度里,既不能让所有人都用谷歌火狐,又不能强制别人升级浏览器,实属前端之痛。 判断浏览器低版本是,给予温馨的提示还是很不错的。 下面附上刚测试成功的代码,功能是判断浏览器是低版本(ie8及以下)时,顶部会给予提示,如下图 代码如下 <!DOCTYPE html> <html lang="en"> <head&...

阅读全文>>

标签: 兼容 浏览器

评论(1) 浏览(1725)

记录下关于ie浏览器的几个兼容性问题

2016-4-9 Jon js+jquery+ajax

1.ie9不支持createContextualFragment属性或方法(ie中只有ie9不支持) 解决方法:把下面的代码放入js文件的头部 if ((typeof Range !== "undefined") && !Range.prototype.createContextualFragment) {     Range.prototype.createContextualFragment = function(html) {       var frag = document.cr...

阅读全文>>

标签: 兼容 ie

评论(0) 浏览(1651)

jquery使用ajax时让其可跟踪历史前进和后退demo

2016-3-26 Jon js+jquery+ajax

写了一个demo使用ajax加载html页面,并且可以跟踪历史前进和后退 index.html <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>Document</title>   <style>     .clearfix:before, .clearfix:after {display: ta...

阅读全文>>

标签: ajax onhashchange

评论(0) 浏览(1295)

ajax加载html和里面的js文件

2016-3-26 Jon js+jquery+ajax

需求背景:     昨天写代码,遇到一个问题,通过ajax异步加载另一个html文件在当前页面显示,发现加载进来的html文件里面引用的js文件无法执行,就像是来了yuejing的少女羞羞哒哒地跟我说不能上她一样,甚是苦恼。放到html文件里面吧,代码太多切不宜维护。遂摆渡了下,给出的解决方案大致以下几种:     1、采用附加一个iframe的方法去执行js(看到iframe就不想试)     2、document.write输出代码(试下好像也无效)     3、js放到父页面(代码...

阅读全文>>

标签: js ajax

评论(0) 浏览(1275)

div模拟textarea在光标位置插入数据代码示例

2016-3-12 Jon js+jquery+ajax

input、textarea在光标位置插入数据示例 textarea在光标位置插入数据示例 插入 $(function() { /* 在textarea处插入文本--Start */ $.fn.extend({ insertContent: function(myValue, t) { var $t = $(th...

阅读全文>>

评论(0) 浏览(2305)

皖ICP备15010162号-1 ©2015-2020 知向前端
qq:1614245331 邮箱:13515678147@163.com Powered by emlog sitemap