js代码 | 易学教程

【javascript】html中使用javascript

阅读更多关于【javascript】html中使用javascript

内容主要以《js高程》chap2的内容为主，自己调试一下代码，方面基本概念缺失啊，定义和调用，在这里面都没有分清。下面是网友已经整理过第二版的笔记，所以我就不照搬内容，就自己多调试好了。 js高程chap2:在HTML中使用JavaScript 我的代码在chap2的文件夹 oschina/chap2 参考 javascript语句的执行过程分析 javascript从定义到执行 javascript定义和执行方法 javascript立即执行函数 js高程chap2:在HTML中使用JavaScript 来源： oschina 链接： https://my.oschina.net/u/111698/blog/633106

微信分享和钉钉分享实例

阅读更多关于微信分享和钉钉分享实例

最近公司做了一个小游戏.豫园老庙黄金的客户要求分享到微信和钉钉.做的时候虽然简单.还是发现了许多小问插曲,希望给需要的人帮助.分享出来.在blog里面编辑代码哪位知道,格式化代码如何用? <script src=" http://res.wx.qq.com/open/js/jweixin-1.0.0.js "> </script> <script type=" text/javascript" src=" http://g.alicdn.com/dingding/open-develop/1.9.0/dingtalk.js "> </script> function isWeiXin() { 　　//判断是否微信　　var ua = window.navigator.userAgent.toLowerCase(); 　　console.log(ua);//mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, like gecko)version/9.0 mobile/13b143 safari/601.1 　　if (ua.match(/MicroMessenger/i) == 'micromessenger') { 　　　　return true; 　　} else

js 与jquery 同时绑定一个ID onclink事件

阅读更多关于 js 与jquery 同时绑定一个ID onclink事件

事例代码： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>shortLink</title> </head> <script src="http://localhost:8090/short_link/js/jquery/jquery-1.8.3.min.js"></script>//引入jquery框架 <script type="text/javascript"> $(document).ready(function(){ $("#test").click(function(){ alert("你好"); }); $("#test").click(function(){ alert("你好2"); }); }); function dd(){ alert("dd!"); } function dd(){ alert("dd2"); } function aa(){ alert("aa!"); } <

根据打开页面加载不同Js

阅读更多关于根据打开页面加载不同Js

根据打开页面加载不同Js //根据打开页面加载不同JS $(document).ready(function(){ var href = document.URL; /*获取当前页面的URL*/ if (href.indexOf('101.html')>0) /*判断是否包含词 seriw.html 修改成你想要的*/ { $("head").append('<script type="text/jscript" src="js/jquery11.js"></script>');/*在head标签下输入此<script>代码。可以修改成想要的*/ }; /*如果你有多个不同的页面要加载不同的JS，可以将此段复制 if (href.indexOf('www.qq.com')>0) { $("head").append('<script type="text/jscript" src="js/jquery12.js"></script>'); }; */ }); 注：当判断不同页面要求加载不用的js，此方法可以用；还用别的方法就是在要加载的页面加id ，然后通过判断所在页面的id而加载不用代码；来源： https://www.cnblogs.com/linyusong/p/5757228.html

js图片加载效果（延迟加载+瀑布流加载）

阅读更多关于 js图片加载效果（延迟加载+瀑布流加载）

概述两种图片加载的效果：一种是遇到图片较多时，带读条效果的加载提示；另一种是根据滑块的位置进行预加载，用户不察觉的情况下，实现瀑布流的加载效果详细代码下载： http://www.demodashi.com/demo/10656.html 主要做了两种图片加载的效果一种是遇到页面图片比较多的时候，带读条效果的加载提示（为了验证正确加载，设置了1秒钟的加载间隔时间）另外一种是根据滑块的位置进行图片的预加载，在用户不察觉的情况下，实现瀑布流的加载效果一、延迟加载 1、需要准备什么环境 2、需要开通什么服务，如果有的话 3、本例子实现什么功能二、程序实现主要思路： HTML的img标签中，将正确的地址存在data-src属性中，给所有图片设置一个转圈圈的loading图片作为background js中，依次读取每一个img，将data-src中的地址替换到src中，去掉background 每成功加载一张图片，进度条的百分比进行相应的变化。如果加载不成功，就提示图片加载错误。 HTML结构很简单，就是一个div.picList包裹了所有img，然后加上一个简单的进度条div#loadBar <body> <div class="picList"> <img class="lazy" data-src="pic/compressed/picList1.jg"> <img

何崚谈阿里巴巴前端性能优化最佳实践

阅读更多关于何崚谈阿里巴巴前端性能优化最佳实践

大家好，我现在在阿里巴巴园区采访阿里巴巴中文站架构师，兼B2B网站优化领域的负责人何崚。何崚你好，请简单介绍一下你自己。我叫何崚，2006年加入阿里巴巴。之前一直在中科院下属的两个基因方面的研究所，从事一些基因方面的研究。加入阿里巴巴对我来说是一次转行。我在加入阿里巴巴以后，主要是负责中文站的一些架构设计。我们知道何崚是阿里巴巴B2B网站优化领域的负责人。首先关于页面前端优化这部分，请谈一谈你的主要经验以及针对一些难点问题的解决方案。目前我们网站页面前端优化主要有两个方向。第一个方向是对网站核心页面基于Wise load的原则做定点性能优化，这方面无外乎就是减少HTTP请求，减少DNS请求时间，减少页面DOM的数量，做一些图片压缩等，大家的思路基本是一样的。值得一提的是，针对特定方向前端优化，阿里巴巴社区开发了一些自动化性能调优工具，例如刚才提到的减少HTTP请求的问题我们开发了一个自动合并CSS和JS静态文件的框架，对于刚才提到的减少页面DOM数这方面我们也有一个前端延迟加载框架，主要负责在页面加载时只加载首屏，用户滚动页面时才去加载二屏或三屏，这样对于网站的性能包括流量都是很大的提升和节约。我们知道Web I/O也是一个优化很重要的方面，有没有需要特别注意的或是有哪些好的解决方案？ Web I/O在我们网站高并发的应用场景下会有明显的瓶颈。为了提高网站高并发处理能力

关于页码的js代码

阅读更多关于关于页码的js代码

js之prototype、proto、constructor之间的关系

阅读更多关于 js之prototype、__proto__、constructor之间的关系

想知道三者之间的关系，我们就要了解每一个作用一：构造函数原型对象 prototype 问：为何要有prototype这个对象呢？首先我们创建一个构造函数： function Person ( name , age ) { this . name = name this . age this . write = function ( ) { console . log ( '我会写' ) } } var lwl = new Person ( '小红' , 18 ) var lll = new Person ( '小明' , 19 ) console . log ( lwl . write === lll . write ) //false 我们发现：我们创建的两个Person的实例对象的write并不是同一个write函数。那么如果创建好多个实例的话，这就很浪费空间，因为每个实例都要开辟一个存储函数的格外空间。（注意：函数是一个复杂的数据类型，会额外开辟空间来储存）因此构造函数就有了一个prototype属性，该属性是一个对象！因此我们也称为原型对象！ console . log ( typeof Person . prototype ) //object javascript规定，每一个构造函数都有一个prototype属性，它指向了另一个对象

js工作随记关于下拉菜单2014.3.27

阅读更多关于 js工作随记关于下拉菜单2014.3.27

发现一个问题就是例如 onmouseover="openA('ren1')" 其中obj就是代表了这个ren1 在function openA(obj)就可以出发这个函数如果 ' 换成了 " 就不可以了下面是下拉菜单的纯js代码附带代码执行顺序 var cname=0;声明变量cname var closetime=0;声明变量cname function openA(obj)当鼠标移动到标签时候触发openA { openB();当openA函数执行时候执行自定义函数openB,这个时候openB由于closetime=0没有作用运行下一条 if(cname)因为cname也是0所以运行下一条 { cname.style.display="none"; } cname=document.getElementById(obj);这个就是获取需要显示下拉菜单的id cname.style.display="block"; 使其id的css重的display属性由none变为bock，这个时候下拉菜单显示出来了，当鼠标 } 离开openA所在的div层时候触发closeA function closeA() { closetime=window.setTimeout(closet,500); 设定一个延迟是半秒关闭执行下面一个函数运算 } function closet() { if

iOS中UIWebView使用JS交互

阅读更多关于 iOS中UIWebView使用JS交互

iOS中偶尔也会用到webview来显示一些内容，比如新闻，或者一段介绍。但是用的不多，现在来教大家怎么使用js跟webview进行交互。这里就拿点击图片获取图片路径为例： 1.测试页面html <!doctype html><html> <head> </head> <body> <div> <img src="test.png"/> </div> </body></html> 2.然后我们在controller中加载这一段html [_webview loadRequest:[NSURLRequest requestWithURL:[[NSBundle mainBundle]URLForResource:@"work" withExtension:@"html"]]]; 3.可以看到，这里只显示一张图片 4.加载相关js文件,命名为test.js function setImageClickFunction() { var imgs = document.getElementsByTagName("img"); for (var i=0;i<imgs.length;i++) { var src = imgs[i].src; imgs[i].setAttribute("onClick","click(src)"); } document.location = imageurls

订阅 js代码