【45个实用的JavaScript技巧、窍门和最佳实践】教程文章相关的互联网学习教程文章

点选TOP后并不是直接跳到页顶的,而是滚动上去的_javascript技巧【图】

如果网页太长了,一般都使用锚标签快速返回到TOP top 确实很简单,不过却有一些高手让这个简变成不简单: 国外演示地址:http://tonyyoo.com/v2/ 点选TOP后并不是直接跳到页顶的,而是滚动上去的。。而且距离页顶越长滚动的速度也就越快。。。 研究了下,用到的JS有4个: 看起来都好复杂。。不知道有没有可以精简点的代码可以实现同样的效果呢,我是做不来的了。。在页面onload之后,遍历所有超链接,判断href中是否有#header,...

用Javascript读取中文COOKIE的解决办法_javascript技巧【图】

在Cookie的使用中,我们发现这样一个问题:如果写入Cookie的内容是中文(如用户称呼),用服务器端程序(如ASP或PHP)读出完全正确,但是用一般的javascript或VBScript的读Cookie函数取出的却是一堆乱码。这是一个棘手的问题,因为在有些情况下,Cookie的内容需要在客户机端用脚本语言读取。如果你写入了中文,得到了一堆乱码,是不是感觉很别扭呢?解决这个问题,还要从Cookie的存取方式说起。   我们知道,写入Cookie内容前需...

根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码_javascript技巧【图】

既判断分辨率,也判断浏览器 重新完善代码,使之成为判断浏览器类型屏幕分辨率自动调用不同CSS的代码。 代码如下: 解释: var IE1024=""; var IE800=""; var IE1152=""; var IEother=""; 引号里面分别填写,用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名. var Firefox1024=""; var Firefox800=""; var Firefox1152=""; var Firefoxother=""; 引号里面分别填写,用户使用FF的时候并且分辨率为1024*768...

用Javascript做flash做的事..才完成的一个类.AuntionActionvar0.1_javascript技巧

请注意example2.html 在firefox下效果没有在ie下圆润,其原因来源于兼容性. 以及触发动作过快会导致每一个li递增两次到三次的情况,这个原因跟类(Action.js)本身无关.原因来源于example2.html中的演示代码. 目前正在极力修改中. 咨询改版升级信息请关注 我的blog http://auntion.blogbus.com 或者加我QQ询问:82874972action.js 代码如下:/* * 效果类 By Auntion QQ:82874972 Blog:Auntion@blogbus.com Email:Auntion@Gmail.com 版权没...

JavaScript实现Sleep函数的代码_javascript技巧

但是,这两个函数是异步的,在计时的过程中它们后面的代码还是会继续执行。那就自己来写个sleep()函数吧,网上也流传了一些实现方法,不过我发现下面这个方法简单易懂而且实用,所以在这里分享给大家:代码如下:console.log(start...);console.log(now time: + Date(/\d{10,10}/.exec(Date.now())));function sleep(sleepTime) { for(var start = Date.now(); Date.now() - start <= sleepTime; ) { } }sleep(5000); // sle...

Javascript中暂停功能的实现代码_javascript技巧【图】

代码如下: /*Javascript中暂停功能的实现 Javascript本身没有暂停功能(sleep不能使用)同时 vbscript也不能使用doEvents,故编写此函数实现此功能。 javascript作为弱对象语言,一个函数也可以作为一个对象使用。 比如: function Test(){ alert("hellow"); this.NextStep=function(){ alert("NextStep"); } } 我们可以这样调用 var myTest=new Test();myTest.NextStep(); 我们做暂停的时候可以吧一个函数分为两部分,暂停操...

js实现收缩菜单效果实例代码_javascript技巧

这篇文章介绍了js实现收缩菜单效果实例代码,有需要的朋友可以参考一下废话不多说,直接上代码: 有注释<head><title></title><style type="text/css">p{border: 1px solid black;width: 100px;}ul .tit, .content{list-style-type: none;}.menu{padding: 0px;margin: 0px;}.tit{background-color:#0094ff;color:White;padding:2px 10px;cursor:pointer;}</style><script src="js/jquery-1.9.0.js" type="text/javascript"></script>...

用正则获取指定路径文件的名称_javascript技巧【图】

其中主要是涉及到"\"在javascript中的特殊字符,是不是要用到正规表达式 var m="D:\图片\丐帮.jpg" //求解 希望能获取的值为"丐帮" 代码如下: var s ="D:\\图片\\丐帮.jpg"; var t = s.match(/\\([^\\^.]+)\.[^\\]*$/)[1]; alert(t); JavaScript教程/参考手册 JavaScript热搜 解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题微信小程序实现换肤功能JS中touchstart事件与click事件冲突的解决方法...

用javascript实现记录来宾姓名的代码_javascript技巧

2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; s...

一个不错的应用,用于提交获取文章内容,不推荐用_javascript技巧【图】

代码如下: function page(vpage){ document.pageform.page.value=vpage; document.pageform.submit(); return false; } function trimpos(s) { return s.replace(/(^[\s]*)|([\s]*$)/g, ""); } function isnum( tmp ){ if ( tmp >= '0' && tmp return true; return false; } function mysubmit(){ if (event.keyCode=='13') gosubmit(); } function gosubmit(){ ...

在textarea文本域中显示HTML代码的方法_javascript技巧【图】

这是一个iframe 的 给你一个参考的: 代码如下: tryit.document.designMode="On"; tryit.document.open(); tryit.document.innerHTML+=tryit.document.write("asdf"); tryit.document.close(); tryit.focus(); 这个是textarea 代码如下:click function insert(){ var oDiv=document.createElement("DIV"); oDiv.innerHTML="redblue"; document.getElementById("txt").appendChild(oDiv); } JavaScript教程/参...

参考:关于Javascript中实现暂停的几篇文章_javascript技巧

Javascript顺序执行的实现:http://www.cnlei.org/blog/article.asp?id=297JavaScript系列-同步还是异步:http://blog.iecn.net/blog/html/do-showone-tid-966.htmlJavascript中暂停功能的实现 :http://blog.csdn.net/snakegod/archive/2004/09/22/112810.aspxJavaScript Sleep函数 :http://blog.csdn.net/gaooo/archive/2007/02/25/1514096.aspx

一个高效的JavaScript压缩工具下载集合_javascript技巧

与其他压缩工具压缩率比较: 1. JavaScript Compressor(http://dean.edwards.name/packer/ ) 与他自己的压缩工具代码为例(v2.02) packer压缩后大小为 7,428 字节(去除注释)。 而我们的压缩工具可以压缩至7,256 字节 7256 / 7428 = 0.9768443726440496 2.Dojo ShrinkSafe (粗糙的东西,既低效又危险,建议原有用户赶紧换掉) 与他自己的框架源代码为例(v0.4.1): 他自己压缩大小为149,518 字节,而...

js+css实现的仿office2003界面_javascript技巧【图】

效果图 仿Office2003的工具条 /*---------- 舜子制作 Menu java-script Made by PuterJam E-mail:puterjam@etang.com -------------*/ var listnum=0; var menu_height; var menu_width; var menu_left; var menu_top; var topMar = 1; var leftMar = -2; var space = 1; var isvisible; function listbox(listname,buttonname,valuename) { this.listname=listname this.buttonname=buttonname this.valuename=...

用Div仿showModalDialog模式菜单的效果的代码_javascript技巧

今天研究了下用javascript结合p来制作当前窗体显示模式窗体,并使子窗体不能操作的一个小例子! 这个效果我通过参考赛我网上的个别效果而参考而来,他的比较复杂,因为结合了其他的一些功能,在这里我就是简要的总结下这个效果的一点原理: 第一步:定义一个浮于基层之上的p浮动层,默认显示模式为隐藏,相关代码如下:<p id="buySelName" class="modalp" style="position:absolute;left:300px; top:140px;z-index:2;display:none;"> </p>第...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部