第23页_热门博文_Web前端开发教程_Web前端开发

实现div可编辑的常见方法

2009-11-18评论(0)浏览(172)分类：HTML/CSS兼容/XML

功能：实现网页内容的即时编辑，增加页面的可用性、交互性。方法1：直接通过textarea标签实现，请运行下边代码：+展开-HTML!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">HTMLHEADTITLENewDocument/TITLEstyletype="text/css"#info{font-size:12px;overflow:hidden;background-color:#ffffcc;color:black;padding-right:5px;padding-..

23.2.理解AIR命令行工具

2010-4-27评论(0)浏览(172)分类：flash/flex/fcs/AIR

23.2.1.问题我想使用Flex 3 SDK中的命令行工具部署，调式和打包AIR程序。23.2.2.解决办法使用/bin目录下的amxmlc, adl,和adt工具。23.2.3.讨论Flex 3 SDK包含的命令行工具涉及编译，运行和打包等等。如果要编译一个AIR程序，可使用amxmlc工具并加上文件名路径作为参数，文件可以是HTML，ActionScript，或者MXML。本章的例子重点讲解利用Flex Fra..

JavaScript代码压缩工具

2012-12-7评论(0)浏览(172)分类：JavaScript/Ajax开发技巧

　　为了使页面更快的完成加载，经常需要对javascript/css代码进行压缩以减小体积，这里简单列一下用过的压缩工具，同时也作为存档。UglifyJS　　UglifyJS是构建于nodeJS服务器端之上的一个代码压缩工具，目前jQuery使用它来压缩，压缩效果比较好。GitHub主页：http://github.com/mishoo/UglifyJS/在线使用：http://marijnhaverbeke.nl/uglifyjs..

javascript动态创建的锚点在IE8-下无效

2013-12-27评论(0)浏览(172)分类：JavaScript/Ajax开发技巧

　　使用javascript动态创建的锚点（anchor），在IE8-下无法跳转都动态创建的锚点部分。　　测试代码，通过创建a元素，设置a元素的name后添加到dom中，IE8需要添加xhtml申明才有效果（去掉xhtml申明也和IE7一样无效），IE7无效!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona..

IE下使用透明滤镜出现锯齿解决办法

2013-1-23评论(0)浏览(171)分类：HTML/CSS兼容/XML

　　IE浏览器下使用alpha透明滤镜时，文字或者图片边缘会出现锯齿，测试代码!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /titleIE下使用透明滤镜出现锯齿..

js运算符优先级

2016-10-9评论(0)浏览(171)分类：JavaScript/Ajax开发技巧

　　js运算符的优先级如下运算符描述. [] ()字段访问、数组下标、函数调用以及表达式分组++ -- - ~ ! delete new typeof void一元运算符、返回数据类型、对象创建、未定义值* / %乘法、除法、取模+ - +加法、减法、字符串连接移位 = = instanceof小于、小于等于、大于、大于等于、instanceof== != === !==等于、不等于、严格相等、非严格相等..

JavaScript 图片预览效果

2009-12-22评论(0)浏览(171)分类：JavaScript/Ajax开发技巧

随着浏览器安全性的提高，要实现图片预览也越来越困难。不过群众的智慧是无限的，网上也有很多变通或先进的方法来实现。在研究了各种预览方法后，作为总结，写了这个程序，跟大家一起分享。上次写的简便无刷新文件上传系统最初的目的就是用来实现这个图片预览效果。兼容：ie6/7/8, firefox 3.5.5后台支持下还兼容：opera 10.10, safari 4.0.4, c..

javascript解析xml文件函数列表

2010-1-19评论(0)浏览(171)分类：JavaScript/Ajax开发技巧

注意：区分大小属性:1Attributes 存储节点的属性列表(只读)2childNodes 存储节点的子节点列表(只读)3dataType 返回此节点的数据类型4Definition 以DTD或XML模式给出的节点的定义(只读)5Doctype 指定文档类型节点(只读)6documentElement 返回文档的根元素(可读写)7firstChild 返回当前节点的第一个子节点(只读)8Impl..

ajax对象应用程序池

2009-7-2评论(2)浏览(170)分类：JavaScript/Ajax开发技巧

　　此类库简化了创建Ajax对象和使用的过程，不需要自己手动设置状态转换函数onreadystatechange，只需要在使用Showbo.Ajax.send的配置【json对象】中设置成功【success】和失败【failure】的回调函数，主要参数及说明看下面代码的注释内容。更新说明=======1）此版本已经修正了火狐下XMLHttpRequest重用时nsIXMLHttpRequest.send发生错误的解决..

JS获取级联样式表中的属性值

2009-6-4评论(0)浏览(170)分类：JavaScript/Ajax开发技巧

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..

DOM:Range

2009-7-1评论(0)浏览(170)分类：JavaScript/Ajax开发技巧

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 ..

html5 websocket 通信协议

2011-2-23评论(1)浏览(170)分类：JavaScript/Ajax开发技巧

websocket通信协议实现的是基于浏览器的原生socket，在客户端用JS即可轻松完成，前些天都在学习websocket 协议（但实际上websocket 协议甚为简约），并且粗略的思考过websocket的对于下一代web应用会产生怎样的影响，我想最大的巨变应该是就是实时性上吧！另外诸如上传大文件之类的优于http的应用。但问题也随之而来，服务端怎么办？前些天我弄了..

IE alpha滤镜

2013-4-28评论(0)浏览(170)分类：HTML/CSS兼容/XML

　　IE alpha滤镜：设置透明层次语法 filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style,StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)说明opacity代表透明度水准。默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。finishopacity是一个可选参数，如果想要..

HTML5事件属性

2012-11-27评论(0)浏览(170)分类：HTML/CSS兼容/XML

html5全局事件属性HTML4 增加了通过事件触发浏览器中行为的能力，比如当用户点击某个元素时启动一段 JavaScript。下面的表格列出了可插入 HTML 5 元素中以定义事件行为的标准事件属性。Window 事件属性 - Window Event Attributes表单事件 - Form Events键盘事件 - Keybord Events鼠标事件 - Mouse Events媒介事件 - Media Eventsnew：HTML 5 中..

安装Node.js服务器

2013-1-17评论(0)浏览(170)分类：JavaScript/Ajax开发技巧

本章内容安装并运行Node.js安装Node.js包管理器（NPM:Node Package Manager）用NPM安装，卸载和升级包　　2009年的JSCOnf大会上，一个叫Ryan Dahl的年轻程序员向人们展示了一个他正在做的项目，一个基于Google V8引擎的JavaScript运行平台，它提供了一套事件循环和低IO的应用程序编程接口（API）。和其他的服务端平台不同， JavaScript天生就是事..

自定义jQuery.easing效果插件注意事项

2012-11-10评论(0)浏览(169)分类：JavaScript/Ajax开发技巧

　　在自定义jQuery.easing擦除效果插件时，需要注意使用jQuery.extend来扩展jQuery.easing擦除效果，而不是自定定义jQuery.easing，要不再调用jQuery的效果方法如fadeIn/fadeOut，slideUp/slideDown等时会出现错误。//使用这种方法自定义jQuery.easingjQuery.extend(jQuery.easing,{/*自定义的jQuery.easing效果*/});//不要这样重写jQuery.easi..

javascript“==”和“===”区别

2012-11-11评论(0)浏览(169)分类：JavaScript/Ajax开发技巧

　　javascript中==与===是不同的，一个是判断值是否相等，一个是判断值及类型是否完全相等。在javascript中，比较数字、字符串和布尔值时使用的都是值(value)。在这种情况下，需要涉及到两个不同的值。对两个字符串来说，只有当它们存放的字符完全相同时，它们才相等。比较对象、数组和函数（都是昨天说过的，引用类型的）时全长的则是引用。　..

javascript计算年龄

2012-8-7评论(0)浏览(169)分类：JavaScript/Ajax开发技巧

　　 javascript计算年龄源代码如下，注意没有验证瑞年，二月份和30,31号div class=renzhenglx_div div class=renzheng_left_div style=line-height: 20px 生日：/div div class=renzheng_right_div select name=Date_Year id=Date_Year class=select_b_div style=width: auto; script type=text/javascript var i; for (var i ..

如何去掉链接点击时虚线框

2011-11-30评论(0)浏览(169)分类：HTML/CSS兼容/XML

下面是去掉链接点击时虚线框的几种常用方法：方法缺点兼容性taba href=”#” onfocus=”this.blur()”this blur/a链接聚焦触发时失去焦点，js和html耦合在一起没有兼容性问题是a:focus {outline:none}或a{outline:none}outline由css2.1引入，去除虚线框视觉上的问题正是css的职责ie6/ie7不支持,ie8+/ff /safari/opera[2]支持否a href=”#” hide..

js引擎工作原理学习笔记

2011-8-13评论(0)浏览(169)分类：JavaScript/Ajax开发技巧

1. 如果js引擎操作了DOM，则待JS引擎执行完后（并未真正执行DOM的改变），交给渲染引擎，渲染引擎再进行更新操作。2. 有setTimeOut或者setTimeInterval操作，则JS引擎先开启另一个设置定时器的线程，并将执行权交给渲染引擎，当定时器线程检测到时间到后，又将执行权交给JS引擎

IE DropShadow滤镜

2013-4-28评论(0)浏览(169)分类：HTML/CSS兼容/XML

　　IE DropShadow滤镜：创建对象的固定影子语法filter:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)说明Color:#rrggbb格式，任意. Offx:X轴偏离值. Offy:Y轴偏离值. Positive:1或0.如果为TRUE（非0），就为任何的非透明像素建立可见的投影如果为FASLE（0），就为透明的像素部分建立透明效果例子：filter:DropShadow..

利用javascript判断浏览器是否已经安装ActiveX控件和是否禁止运行ActiveX控件

2009-7-1评论(1)浏览(169)分类：JavaScript/Ajax开发技巧

从微软给 IE 打上 SP2以后，当IE在打开一些含有 ActiveX 控件的网页是，不再像以前那样，弹出提示框，让用户选择是否安装控件；现在默认情况下给隐藏起来，普通用户根本不知道是怎么回事。公司产品同样也遇到这样的问题，唯一的办法就是将控件做成一个 exe 文件，供用户下载手动安装注册；这样就需要做一个检测，检测要是用户没有安装控件的话就..

WScript.shell修改更改输入法

2009-6-8评论(0)浏览(168)分类：JavaScript/Ajax开发技巧

+展开 -HTMLscripttype="text/javascript"functionCTRL$Space(){varwsh=newActiveXObject("WScript.shell");//注意，仅IE浏览器有效果，而且由于权限问题，有可能导致无法创建WScript.shellwsh.sendKeys("^")wsh=null;}/scriptfontcolor='red'在进入这个页面时，第一次获取焦点时会有创建对象的安全提示，后面允许就不会提示了/fontbr获得焦点后..

用iframe解决下拉框与浮动层(select与div)之间的冲突

2009-6-29评论(0)浏览(168)分类：JavaScript/Ajax开发技巧

解决问题：由于浮动层与下拉框之间的优先级是：下拉框层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：+展开 -HTMLdivid="menu"style="position:absolute;vis..

javascript实现平方米，亩，公顷单位换算

2014-5-16评论(0)浏览(168)分类：JavaScript/Ajax开发技巧

　　javascript实现平方米，亩，公顷单位换算，可以通过url传递参数指定输入框的值为任何中单位的值。　　源代码如下 select onchange=selectChange(this) id=sel option value =公顷公顷/option option value =亩亩/option option value=平方米平方米/option /select 这个input的值可能是3公顷、3亩、3平方米 inp..

div+css兼容IE和firefox等浏览器方法

2011-11-30评论(0)浏览(168)分类：HTML/CSS兼容/XML

div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !imp..