js | 易学教程

兼容好的JS图片上传预览代码

阅读更多关于兼容好的JS图片上传预览代码

转： http://www.codefans.net/articles/1395.shtml 兼容好的JS图片上传预览代码（谷歌，IE11） <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>本地图片预览</title> <style type="text/css"> #preview{width:100px;height:100px;border:1px solid #000;overflow:hidden;} #imghead {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);} </style> <script type="text/javascript"> function previewImage(file) { var MAXWIDTH = 100; var MAXHEIGHT = 100; var div = document.getElementById('preview'); if (file.files && file.files[0]) { div.innerHTML = '<img id=imghead>'; var img = document.getElementById(

原生JS轮播图

阅读更多关于原生JS轮播图

HTML代码 <div class="focus">  <a href="javascript:void(0);" class="arrow-l"> < </a>  <a href="javascript:void(0);" class="arrow-r"> > </a> <ul> <li><img src="upload/focus.png"></li> <li><img src="upload/focus1.jpg"></li> <li><img src="upload/focus2.jpg"></li> <li><img src="upload/focus3.jpg"></li> </ul> <ol class="circle"></ol> </div> css代码 *{ margin: 0; padding: 0; } ol{list-style: none;} a{text-decoration: none;} .focus{ position: relative; float: left; width: 721px; height: 455px; background-color: blue; overflow: hidden; } .focus ul { position: absolute; top: 0;

Python执行js之PyexecJs

阅读更多关于 Python执行js之PyexecJs

利用Python执行js 爬虫中会经常碰到JS加密，当我们找到他加密的JS代码之后我们需要获取它的返回值，python虽然可以模仿js写一个python版本的加密，但是这样有点费时间，也有点费头发~ 安装PyexecJS 注意：这块需要一个执行js的环境，我本地装的是NodeJS pip install pyexecjs 执行JS 举一个例子如下： import execjs js = execjs.compile(''' function genpvid() { var a = (new Date).getTime(); var b = "xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx".replace(/[xy]/g, function(b) { var c = (a + 16 * Math.random()) % 16 | 0; return a = Math.floor(a / 16), ("x" == b ? c : 3 & c | 8).toString(16) }); return b }''') result = js.call('genpvid') #call里面的参数第一个是js函数名称,如果要执行的js有参数，后面跟上参数就可以，如js.call('getpvid',2,3)这样 print(result) 结尾

js实现标签绑定回车事件

阅读更多关于 js实现标签绑定回车事件

给一个input 绑定一个回车事件, 如搜索框输入内容后敲回车键执行某个事件 <input id="freeText" type="text" value=""> $("#freeText").keypress(function (evt) { 　　evt = (evt) ? evt : ((window.event) ? window.event : ""); 　　var key = evt.keyCode ? evt.keyCode : evt.which; 　　if (key == 13) { 　　sClick(); 　　return false; 　　} }); //方法二 document.onkeydown = function (evt) { /// <summary> /// 回车键事件 /// </summary> /// <param name="evt">表单对象</param> var theEvent = evt || window.event || arguments.callee.caller.arguments[0]; //兼容IE、FF、Google if (theEvent.keyCode == 13) { window.setTimeout(function () { sClick(); }, 300); //按下回车后，延迟执行读取数据 }

Js中Prototype、proto、Constructor、Object、Function关系介绍，JS原型

阅读更多关于 Js中Prototype、__proto__、Constructor、Object、Function关系介绍，JS原型

此文来自： http://www.blogjava.net/heavensay/archive/2013/10/20/405440.html Js中Prototype、__proto__、Constructor、Object、Function关系介绍一 Prototype、__proto__与Object、Function关系介绍 Function、Object：Js自带的函数对象。 prototype,每一个函数对象都有一个显示的prototype属性,它代表了对象的原型(Function.prototype函数对象是个例外，没有prototype属性)。 __proto__:每个对象都有一个名为__proto__的内部隐藏属性，指向于它所对应的原型对象(chrome、firefox中名称为__proto__，并且可以被访问到)。原型链正是基于__proto__才得以形成(note：不是基于函数对象的属性prototype)。关于上面提到的函数对象，我们来看以下例子，来说明： var o1 = {}; var o2 =new Object(); function f1(){} var f2 = function(){} var f3 = new Function('str','console.log(str)'); f3('aabb'); // aabb console

高性能网站建设指南笔记

阅读更多关于高性能网站建设指南笔记

规则1-减少HTTP请求 1.图片合并 1)将多个图片合并为一个图片, 2)CSS Sprites。使用CSS的background-positon属性，配合width/height显示指定位置的图片局部内容。 <div style="background-image:url('xxxxx.gif');background-position:-260px -90px; width:26px;height:24px;"></div> 3)合并后的图片，不但减少了下载次数，而且降低了总体大小，因为它减少了颜色表、格式信息等图片格式开销。 2.内嵌图片 1)使用data:URL模式 data:[<mediatype>][;base64],<data> data:URL形式无法直接被浏览器缓存，可以将其放在css样式表中，从而实现缓存，base64转换后的图片会变大。 .home{background-image:url(data:image/gif;base64,XXXXXXXXX);} 3.合并js和css文件规则2-使用内容分发网络规则3-使用Max-Age 1.使用Expires/Max-Age/mod_expires设定缓存时间可以通过设置文件版本号等方法，使文件及时刷新。规则4-压缩组件 1.gzip压缩 1)浏览器发送Accept-Encoding:gzip

wordpress站点引入在线播放m3u8

阅读更多关于 wordpress站点引入在线播放m3u8

目前尝试用chplayer可以正常播放下载 sdk到网站js目录发布文章时，内容demo <script type="text/javascript" src="view/js/chplayer/chplayer.js"></script> <div id="video1" style="width:600px;height:400px;"></div> <script type="text/javascript"> var videoObject = { container: '#video1',//“#”代表容器的ID，“.”或“”代表容器的class variable: 'player',//该属性必需设置，值等于下面的new chplayer()的对象' poster: 'https://t.niutula.com/upload/vod/2020-04-01/15857173300.jpg', //封面 autoplay: false,//自动播放 html5m3u8:true, video:'https://s6.niuniu-baidu.com/2020/04/01/l2uKHazfox7gch1L/index.m3u8' }; var player=new chplayer(videoObject); </script> 注意事项去掉播放器水印"chplayer

JS监测产品有效曝光

阅读更多关于 JS监测产品有效曝光

电商列表页面，数据加载，并不是写到了列表的产品图都被客户看见了。有时候根本没有被加载 1. 判断加载浏览器是否能判断一张图，加载完毕，如果可以那么触发JS，推送一次曝光数据轮询图片 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>img - complete attribute</title> </head> <body> <img id="img1" src="http://pic1.win4000.com/wallpaper/f/51c3bb99a21ea.jpg"> <p id="p1">loading...</p> <script type="text/javascript"> function imgLoad(img, callback) { var timer = setInterval(function() { if (img.complete) { clearInterval(timer); callback(); } }, 50) } imgLoad(img1, function() { // p1.innerHTML = '加载完毕'; //Ajax 触发监测系统传送产品ID }) </script> </body> </html> 图片的onload <!DOCTYPE HTML

js/字符串

阅读更多关于 js/字符串

　　 1、String.fromCharCode( ) 　　作用：将参数转成Unicode码　　示例：　　　　String.fromCharCode( )　　// " " 　　　　String.fromCharCode( 97 )　　// "a" 　　　　String.fromCharCode( 104,101,108,108,111)　　// "hello" 2、str.length 　　作用：返回字符串的长度　　　　'abc'.length　　// 3 3、str.charAt( ) 　　作用：返回指定位置的字符，参数是从0开始编号的位置　　　　'abc'.charAt( 1 )　　// 'b' 　　如果参数是负数或大于等于字符串的长度，charAt返回空字符串　　　　'abc'.charAt( -1 )　　// ' ' 　　　　'abc'.charAt( 3 )　　// ' ' 4、str.charCodeAt( ) 　　作用：返回字符串指定位置的unicode码　　如果没有任何参数返回首字符的Unicode码　　　　'abc'.charCodeAt( 1 )　　// 98 　　　　'abc'.charCodeAt( )　　// 97 　　如果参数为负数或大于等于字符串长度，charCodeAt返回NaN 　　　　'abc'.charCodeAt

js全局变量收集器

阅读更多关于 js全局变量收集器

js全局变量收集器 1.代码 // 定义方法 var overallManager = (function() { // 存储全局变量，闭包保护不受污染 var overall = {}; // 要创建的全局变量和变量值 return function(name, value) { // 首先保证有传参 if (arguments.length == 0) { return null; } // 上一句已经保证至少传入一个name，这里保证name是String类型 name = String(name); // 不传value为get方法 if (value === undefined) { return overall[name]; } // 传value为set方法 overall[name] = value; }; // 使用方法 overallManager("name", 小美) // 使用优化一下，最好先判断一下，全局变量收集器中是否存在这个变量 if (overallManager("name") === undefined) { overallManager("name", 小美) } })(); 来源： https://www.cnblogs.com/zxuedong/p/12635900.html

订阅 js