提高网站性能之 如何对待JavaScript

2017年02月06日 28 阅读

尤其是JavaScript 文件，在下载它时，并行下载实际上是被禁用的，并且还会阻塞页面的呈现！ 关于JavaScript 的下载 在下载JavaScript 脚本文件时，浏览器不会并行启动其它下载，而是让JavaScript 脚本文件单独下载完毕后，再继续其它请求。这将对页面的整体性能是一个很大的问题，解决方案如下： 解决方案1：将JavaScript 脚本内联在页面中，即直接将JavaScript 脚本写在HTML标签中。 优点：速度最快。在大型网站的...

js 函数的执行环境和作用域链的深入解析

2017年02月06日 28 阅读

第一步. 定义后：每个已定义函数，都有一个内在属性[scope]，其对应一个对象的列表，列表中的对象仅能内部访问。 例如：建立一个全局函数A，那么A的[Scope]内部属性中只包含一个全局对象（Global Object），而如果我们在A中创建一个新的函数B，那么B的[Scope]属性中就包含两个对象，函数A的Activation Object对象在前面，全局对象（Global Object）排在后面。 简而言之，一个函数的[Scope]属性中对象列表的顺...

键盘 keycode的值 javascript时触发事件时很有用的要素

2017年02月06日 29 阅读

keycode 0 = keycode 1 = keycode 2 = keycode 3 = keycode 4 = keycode 5 = keycode 6 = keycode 7 = keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 10 = keycode 11 = keycode 12 = Clear keycode 13 = Enter keycode 14 = keyco...

cnblogs csdn 代码运行框实现代码

2017年02月06日 26 阅读

下面这个是cnblogs的实现代码复制代码 代码如下:<script type="text/javascript"> function runCode（obj） { var winname = window.open（"", "_blank", ""）; winname.document.open（"text/html", "replace"）; winname.document.write（obj.value）; winname.docume...

简单实用的HTML到UBB转换脚本工具实现说明

2017年02月06日 27 阅读

现在出现一点麻烦：博客编辑器多为支持HTML发布，而论坛多为支持UBB，这意味着你想把之前发布在博客的文章直接复制发布到论坛是不行的。怎么办呢？手工一个个标签改？这样显然太麻烦了，况且懒乃人之本性嘛，哈！我也是位懒人，所以我写了个工具，可以帮助自己把博客的HTML转换成适合论坛发布的UBB格式，即使不能完全转换，但已帮我省去很多工作。 因为本人一直从事WEB前端开发工作，所以我知道HTML语义的重要性，也清楚如何标准编码，所以我发布在博客的HTML符合下面...

Javascript结合css实现网页换肤功能

2017年02月06日 26 阅读

Html代码部分: 1.要有一个带id的样式表链接,我们要通过操作这个链接来调用不同的href. <link href="css/main0.css" rel="stylesheet" type="text/css" id="cssfile" /> 2.皮肤选择按钮（后台为每个li添加onclick事件,触发换肤功能） <ul id="skin"> <li id="skin_0" title="灰色">灰色</li...

JQuery 网站换肤功能实现代码

2017年02月06日 28 阅读

从那以后，我找到了很多可以让访客通过鼠标点击某个地方切换样式表的方法。但最近我要写一篇如何 使用jQuery编写简单代码实现它的教程。 我将向你们逐步解说整个的过程，不仅仅因为要展示jQuery代码的简介，同时也要揭示jQuery库中的若干高级特性。 首先，代码 复制代码 代码如下: $（document）.ready（function（） { $（".styleswitch"）.click（function（） { switchStylestyle（th...

JS OOP包机制,类创建的方法定义

2017年02月06日 27 阅读

复制代码 代码如下: /** * 定义包 * @param {} ns * @return {} */ Xu.pkg = function（ns） { if （！ns || ！ns.length） { return null; } var levels = ns.split（"."）; var nsobj = Xu; for （var i = （levels[0] == "Xu"） ？ 1 : 0; i < levels.length; ++i） {...

一个可以兼容IE FF的加为首页与加入收藏实现代码

2017年02月06日 27 阅读

复制代码 代码如下:<script type="text/javascript"> function addCookie（） { if （document.all） { window.external.addFavorite（"http://www.jb51.net","脚本之家"）; } else if （window.sidebar） { window.sidebar.addPanel（"脚本之家", "http://www.jb51.ne...

javascript（jquery）利用函数修改全局变量的代码

2017年02月06日 27 阅读

我是将当前页用一个全局变量存储。同时在“最后一页”链接里单击方法调用一个函数自动去修改页数为最后一页，然后再调用载入评论的方法。 可是我发现点击“最后一页”第一次的时候系统没反应，再点击一次就抓去最后一页的资料了！ 要说全局变量没改，应该是改了，就仿佛改了页数而载入评论的方法失效了一样。 代码如下： 复制代码 代码如下: var page = 1; //初始化页数为第一页 var str = ""; $（document）.ready（function（）...

JQuery 解析多维的Json数据格式

2017年02月06日 27 阅读

这就要利用到JQuery，ASHX以及Json来合作了。一篇文章有多个评论，每十个为一页。用户每点击下一页则自动抓去下一页，这个过程采用无刷新放心进行。 Json格式其实和表格式有异曲同工之妙，在网络传输中，它比XML还省流量，而且与JS有更好的融合，更容易被解析。Json格式样例如下： 复制代码 代码如下: {"Products":[ {"orderid":"11077","customerid":"RATTC"}, {"orderid":"11078"...

javascript 按回车键相应按钮提交事件

2017年02月06日 26 阅读

1、使用提交按钮提交，在form表单中的onsubmit事件进行表单验证： 复制代码 代码如下: <script type="text/javascript"> function onSub（）{ //表单验证代码 } </script> <form action="" method="" onsubmit="javascript:onSub（）;"> 2、使用button或图片的onclick事件调用表单验证代码： ...

深入认识javascript中的eval函数

2017年02月06日 26 阅读

1）介绍javascript中的eval函数的用法 （2）如何在函数内执行全局代码 ►先来说eval的用法，内容比较简单，熟悉的可以跳过。 eval函数接收一个参数s，如果s不是字符串，则直接返回s。否则执行s语句。如果s语句执行结果是一个值，则返回此值，否则返回undefined。 需要特别注意的是对象声明语法“{}”并不能返回一个值，需要用括号括起来才会返回值，简单示例如下： 复制代码 代码如下: var code1=""a" + 2"; ...

jquery tree 可编辑节点实现代码（jquery一句话节点菜单）

2017年02月06日 28 阅读

下面的代码。大家可以研究下，对于jquery的学习还是非常有好处的。锋利的jquery中的一句话代码，实现的菜单运行后，需要刷新下（因为是调用的外地jquery） 1-5-1 #menu { width:300px; } .has_children{ background : #555; color :#fff; cursor:pointer; } .highlight{ color : #fff; background : green; } di...

js window.onload 加载多个函数的方法

2017年02月06日 26 阅读

用法如下： function func（）{alert（"this is window onload event！"）;return;} window.onload=func; 或者如下： window.onload=function（）{alert（"this is window onload event！"）;return;} 但window.onload 不能同时加载多个函数。 比如： 复制代码 代码如下: function t（）{ alert（"...

MAC官方菜单纯CSS实现灰色会换色

2017年02月06日 27 阅读

请注意里面的背景图片是png透明，所以必须在 li 中设置颜色以挡住 ul 的背景图与 a 的背景图重复叠加。 MAC菜单 index Store Mac iPod + iTunes iPhone Downloads Support [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

CSS Filter背景透明提示

2017年02月06日 25 阅读

CSS的Filter背景透明提示 *{ margin:0; padding:0;} body{ margin:0 auto; font-size:12px;} .model{margin:0 auto; width:30px;} .model a:hover{ text-decoration:none;} .model a img{ border:#fff 1px solid;} .model a:hover img{ border:#888 1...

CSS鼠标悬停菜单 图片交换技术实现

2017年02月06日 27 阅读

实际上，这里的图片在正常使用时完全可以用CSS代码来定义。 使用图片交换技术制作CSS鼠标悬停菜单 div#spritemenu { height: 50px; width: 400px; font-size: 9px; background-image: url（http://files.jb51.net/demoimg/200911/spritemenu.gif）; overflow: hidden; } div#spritemenu ul l...

纯JS图片批量预加载技术代码

2017年02月06日 26 阅读

图片批量加载 function $id（id）{ return document.getElementById（id）;} function $c（tagName）{ return document.createElement（tagName）;} window.onload = function（）{ imageLoad（ { url:function（v）{ v = []; for（var i=1; i...

实用的层滑开js实现代码

2017年02月06日 26 阅读

实用的滑开层代码 var flag=0; function f_s（id）{ var obj=document.getElementById（id）; obj.style.display="block"; obj.style.height="1px"; var changeW=function（）{ var obj_h=parseInt（obj.style.height）; if（obj_h0）{ clearInterval（bw2）;} } f...