Web开发网 > Web前端开发 > Web前端开发教程 > JavaScript/Ajax开发技巧 > 热门博文
+展开 -HTMLscripttype="text/javascript"functionCTRL$Space(){varwsh=newActiveXObject("WScript.shell");//注意,仅IE浏览器有效果,而且由于权限问题,有可能导致无法创建WScript.shellwsh.sendKeys("^")wsh=null;}/scriptfontcolor='red'在进入这个页面时,第一次获取焦点时会有创建对象的安全提示,后面允许就不会提示了/fontbr获得焦点后..
javascript动态加载css文件实现皮肤更换,同时用cookie记录当前使用的皮肤样式,刷新页面后自动从cookie中读取皮肤并加载进来script var comm = { $: function (Id) { return document.getElementById(Id); }, GetCookie: function (name) { var m = new RegExp(name + '=([^;]+)', 'i').exec(document.co..
目前,通行的Javascript模块规范共有两种:CommonJS和AMD。我主要介绍AMD,但是要先从CommonJS讲起。CommonJS2009年,美国程序员Ryan Dahl创造了node.js项目,将javascript语言用于服务器端编程。 这标志Javascript模块化编程正式诞生。因为老实说,在浏览器环境下,没有模块也不是特别大的问题,毕竟网页程序的复杂性有限;但是在服务器..
使用iframe,通过修改iframe.src产生历史示例代码!DOCTYPE htmlhtmlhead meta charset=utf-8 / title0/title/headbody input type=button value=加1 onclick=add() / div id=info style=border:red 1px solid;width:200px;padding:10px;margin:5px;0/div/body /htmlscript/** * history.js v0.2 * Copyright (c) 2011 snandy * * 1..
javascript可以调用DOM对象的getBoundingClientRect方法获取此元素相对于浏览器视窗的位置 下面这是MSDN的解释:Syntax:使用方法oRect = object.getBoundingClientRect()Return Value:返回值Returns a TextRectangle object. Each rectangle has four integer properties (top, left, right, and bottom) that represent a coordinate ..
文章翻译自http://code.google.com/chrome/extensions/overview.html基础知识 一个Chrome扩展是由HTML、CSS、JavaScript、图片等文件压缩而成。扩展实际上就是一个web页面,你可以用任何浏览器提供给web页面的接口,从XMLHttpRequest 到JSON ,再到HTML本地缓存都可以使用。 Chrome 扩展能做什么呢?我们肯定使用过一些扩展,会发现有..
JavaScript操作XML是通过XML DOM来完成的。那么什么是XML DOM呢?XML DOM 是:用于 XML 的标准对象模型 用于 XML 的标准编程接口 中立于平台和语言 W3C 的标准 XML DOM 定义了所有XML 元素的对象和属性,以及访问它们的方法(接口)。也就是说:XML DOM 是用于查询、添加、修改、删除XML 元素的标准。 在继续之前,我们先来了解一下XML的定义。请..
随着浏览器安全性的提高,要实现图片预览也越来越困难。不过群众的智慧是无限的,网上也有很多变通或先进的方法来实现。在研究了各种预览方法后,作为总结,写了这个程序,跟大家一起分享。上次写的简便无刷新文件上传系统最初的目的就是用来实现这个图片预览效果。兼容:ie6/7/8, firefox 3.5.5后台支持下还兼容:opera 10.10, safari 4.0.4, c..
仿照CSDN当鼠标悬停在用户头像上时显示用户相关信息的效果,代码及说明如下style type=text/css.pop{width:357px;height:194px;background:url(/eg/bgUserCard.gif) no-repeat;position:absolute;display:none;}.pop .ct{margin:10px 10px 10px 60px;}/style div class=pop id=popDV onmouseout=hide(event) onmouseover=clearTimeout(mouseOutT..
ajax构造soap信封调用webservice示例代码1、WebService,根据客户端的访问返回进度: using System; using System.Collections; using System.ComponentModel; using System.Data; using System.Diagnostics; using System.Web; using System.Web.Services; namespace AjaxSample { /**//// summary 12 /// ProgressBarS..
例如 input type=text onkeyup="bbb.value=this.value;" input type=text name=bbb 第一个文本框就不能用ctrl+z进行撤消,而第二个文本框就可以正常进行撤消。正常来说文本框或textarea不加JS事件都能用ctrl+z进行撤消操作,但加了某些事件后就失效了,请教高手怎么在不取消JS事件的情况下让ctrl+z的撤消功能可操作? 问题点数:100 回复次数:2..
javascript横向滚动效果,支持DOCTYPE xhtml申明+展开-HTML!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"htmlxmlns="http://www.w3.org/1999/xhtml"headmetahttp-equiv="Content-Type"content="text/html;charset=utf-8"/title无标题文档/title/headbodytablewidth="499"..
websocket通信协议实现的是基于浏览器的原生socket,在客户端用JS即可轻松完成,前些天都在学习websocket 协议(但实际上websocket 协议甚为简约),并且粗略的思考过websocket的对于下一代web应用会产生怎样的影响,我想最大的巨变应该是就是实时性上吧!另外诸如上传大文件之类的优于http的应用。但问题也随之而来,服务端怎么办?前些天我弄了..
事件(Event)就是当某些行为发生后要触发的函数。这些行为包括打开了一个新标签、点击了一个按钮等。下面是利用chrome.tabs.onCreated行为(创建一个新标签页),只要打开了一个新标签页相应的事件就会被触发。这 个例子中,我们用addListener()来注册函数,addListener()的参数总是一个函数,但是这个函数的参数根据事件类型不一样而不同。 点击这..
uncaught exception: [Exception... "Component returned failure code: 0x80520012 (NS_ERROR_FILE_NOT_FOUND) [nsIDOMHTMLFormElement.submit]" nsresult: "0x80520012 (NS_ERROR_FILE_NOT_FOUND)" location: "JS frame :: file:///C:/Documents%20and%20Settings/Administrator/%E6%A1%8C%E9%9D%A2/x.html :: anonymous :: line 11" data: no..
+展开-JavaScript/*作者:梅雪香日期:2006-7-29功能:生成与中文字符串相对映的拼音首字母串版本:V1.0alpha*///汉字拼音首字母列表本列表包含了20902个汉字,用于配合ToChineseSpell//函数使用,本表收录的字符的Unicode编码范围为19968至40869,XDesigner整理varstrChineseFirstPY="YDYQSXMWZSSXJBYMGCCZQPSSQBYCDSCDQLDYLYBSSJGYZZJJFKCCLZDHWDWZJL..
w3cwindow.getComputedStyle(要计算的元素对象,null).marginLeftdocument.defaultView.getComputedStyle(要计算的元素对象,null).marginLeftIE:id.currentStyle["marginLeft"]对象.currentStyle["marginLeft"]访问样式表+展开-HTML!!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition..
本章内容安装并运行Node.js安装Node.js包管理器(NPM:Node Package Manager)用NPM安装,卸载和升级包 2009年的JSCOnf大会上,一个叫Ryan Dahl的年轻程序员向人们展示了一个他正在做的项目,一个基于Google V8引擎的JavaScript运行平台,它提供了一套事件循环和低IO的应用程序编程接口(API)。和其他的服务端平台不同, JavaScript天生就是事..
为了使页面更快的完成加载,经常需要对javascript/css代码进行压缩以减小体积,这里简单列一下用过的压缩工具,同时也作为存档。UglifyJS UglifyJS是构建于nodeJS服务器端之上的一个代码压缩工具,目前jQuery使用它来压缩,压缩效果比较好。GitHub主页:http://github.com/mishoo/UglifyJS/在线使用:http://marijnhaverbeke.nl/uglifyjs..
javascript中==与===是不同的,一个是判断值是否相等,一个是判断值及类型是否完全相等。在javascript中,比较数字、字符串和布尔值时使用的都是值(value)。在这种情况下,需要涉及到两个不同的值。对两个字符串来说,只有当它们存放的字符完全相同时,它们才相等。比较对象、数组和函数(都是昨天说过的,引用类型的)时全长的则是引用。 ..
当tab键按下时,控制获取焦点的对象。+展开-HTMLstyle.focus{background-color:red;color:white}.unfocus{background-color:white;}/styleulid="ul1"style="width:100px"liclass="focus"ahref='#'Google/a/liliclass="unfocus"ahref='#'Baidu/a/liliclass="unfocus"ahref='#'163/a/li/ulahref='#'test1/abrahref='#'test0/abrahref='#'test2/abr..
之前我提问过一贴子: http://topic.csdn.net/u/20080105/15/6d88c565-c9c3-494c-a320-ad98b0b14e61.html 已解决贴子的问题,但在我如下的实例仍找不到好办法解决:希望各位达人能再帮忙解决! HTML codehtmlheadtitletest/titlescript language="JavaScript"!--function SymError(){ return true;}window.onerror = SymError;function changeco..
JavaScript 取得 Xml 文件的 LastModify曾经有段时间,要是在担心,Google/Yahoo会不会不知道我的Sitemap.xml更新了,又或者Baidu不知道偶的基于BBS的开放协议生成的xml文件是否更新,虽然知道不会有这样的问题,总觉得这中间有一些东西是我所不知道的:)直到最近鼓捣Http的时候,才发觉,除了Get/Post以外,原来还有个只关注响应首部的请求:Head请求,当服..
HTML文档与CSS的关联常见有4种方式: 1.使用link标记 +展开-HTMLlinkrel="stylesheet"type="text/css"href="sheet.css"/ 2.使用style元素+展开-HTMLstyletype="text/css"body{background:#fff;}h1{font-size:2em;}/style 3.使用@import指令+展开-HTMLstyletype="text/css"@importurl(sheet1.css);@import"sheet2.css";/style 4.使用styl..
1.5 JavaScript解析机制JavaScript解 析过程可以分为编译和执行两个阶段。编译也就是我们常说的JavaScript预处理(即预编译)。在预编译期,JavaScript解释器将完成对 JavaScript代码的预处理,也就是说把JavaScript脚本代码转换成字节码。在执行期,JavaScript解释器借助执行期环境把字节码 生成机械码,并按顺序执行,完成程序设计的任务。1.5..
Redirected from en/DOM:range rangeTable of contents1. Properties 2. Methods Gecko DOM Reference The Range object represents a fragment of a document that can contain nodes and parts of text nodes in a given document. A range can be created using the createRange method of the Document object. Range objects can also be ..
不久前写过一篇文章介绍一个效果不错浮动对象类库,具体阅读效果不错的浮动div,今天又做了一个效果,增加对象的伸缩功能,让需要的人点开来查看对象的信息,而不需要占用过多的控件,这对非宽屏显示器用户来说用户体验比较好点,不至于让浮动对象遮盖住内容。 需要注意的是,使用浮动对象类库时,只能将浮动对象浮动在最左边,绑定浮动对..
JavaScript模拟冒泡排序排序过程,冒泡排序模拟过程效果!DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8titleJavaScript模拟冒泡排序/titlestyle type=text/cssdiv div{width: 10px;background-color: red;display: inline-block;margin-right: 1px;text-align: center;line-height: 30px;}#show {width: 500px;height: 300px;margin-left..
JQuery实现的模块交换动画效果点击下载此附件源代码如下+展开-HTML!doctypehtmlhtmlheadmetahttp-equiv="content-type"content="text/html;charset=utf-8"/titleJQuery实现的模块交换动画效果/titlemetaname="Keywords"content="jquery,模块,交换,动画,javascript特效"/metaname="Description"content="JQuery实现的模块交换动画效果。在模块..
解决问题:由于浮动层与下拉框之间的优先级是:下拉框 层,因此在显示的时候,会因为优先级的次序而会出现如上问题。(如果几个元素都是层的话,我们可以通过层的 z-index 属性来设置)解决办法就是:给层中放一个优先级比下拉框更高的元素(iframe),从而解决此问题!具体解决代码如下:+展开 -HTMLdivid="menu"style="position:absolute;vis.. 首页 上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] 下一页 尾页 18/28页,每页显示30条,共819条相关记录