Chrome扩展开发教程(三)Browser Action(扩展图标)

评论(0)浏览(476)分类：JavaScript/Ajax开发技巧
Chrome扩展开发教程(三)Browser Action(扩展图标)文章翻译自http://code.google.com/chrome/extensions/browserAction.html，介绍Browser Action，即右侧的扩展图标。Browser Actions的作用就是控制Chrome地址栏右侧添加一个图标。除了给chrome增加一个图标的功能外，还可以设置提示文字、图标标记、弹出窗口。下图中，在地址栏右侧的彩色图标就是一个Browser Action。Browser Actions创建的图标..

html编辑器回车换行如何指定为br

评论(0)浏览(475)分类：JavaScript/Ajax开发技巧
html编辑器回车换行如何指定为br　　用iframe作为html编辑器或者web编辑器的容器时，如果不做特殊处理，不同浏览器下对回车的生成的html代码不全相同（主要是低版本的IE浏览器，如IE8-）。firefox和chrome对回车生成的html代码是br，而IE下是P标签。　　要想规范html编辑器响应回车按键，生成统一的标签，如br换行，可以给iframe编辑器容器添加keydown事件，阻止默认的浏览器事..

JavaScript阳历转阴历源代码

评论(0)浏览(475)分类：JavaScript/Ajax开发技巧
JavaScript阳历转阴历源代码　　JavaScript阳历转阴历源代码，JavaScript阴历转阳历源代码，从百度搞下来的阳历转阴历代码script (function () { var j = [43856, 19416, 19168, 42352, 21717, 53856, 55632, 25940, 22191, 39632, 21970, 19168, 42422, 42192, 53840, 53845, 46415, 54944, 44450, 38320, 18807, 18815, 42160, 46261, 27216, 27968, 43860, 11..

Microsoft.AlphaImageLoader导致链接，输入框失效

评论(0)浏览(473)分类：HTML/CSS兼容/XML
Microsoft.AlphaImageLoader导致链接，输入框失效　　IE浏览器下的AlphaImageLoader滤镜会导致该区域内的链接，按钮，输入框无法点击或者输入　　解决办法：为链接或按钮添加：position:relative样式使其相对定位　　提示：要使用Microsoft.AlphaImageLoader滤镜，需要添加xhtml申明，要不没效果。Microsoft.AlphaImageLoader滤镜讲解测试代码1，没有增加position:relative，输入框无法输入获取..

bootstrap datetimepicker控制可选时间区域

评论(0)浏览(467)分类：JavaScript/Ajax开发技巧
bootstrap datetimepicker控制可选时间区域　　bootstrap datetimepicker插件如何控制可选择的时间区域，bootstrap datetimepicker插件如何禁用不用选时间区域。　　解决办法：给bootstrap datetimepicker添加changeDate事件，获取选择的小时数据部分增加判断，不符合选择的时间区域清空选中的值。　　bootstrap datetimepicker控制可选时间区域源代码如如下，只能选择8~21点之间的时间$(..

IE8+只有在xhtml模式下才支持JSON对象

评论(0)浏览(461)分类：JavaScript/Ajax开发技巧
IE8+只有在xhtml模式下才支持JSON对象　　标准浏览器如chrome，firefox都支持JSON对象，将json对象转为对应json格式的字符串（JSON.stringify）或者将json格式的字符串转为json对象（JSON.parse）。　　IE8+浏览器也支持JSON对象，但是是有条件的，需要添加xhtml申明或者使用X-UA-Compatible指定为IE8或者edge模式，X-UA-Compatible要放对位置，要不有可能无效。参考：IE X-UA-Compa..

jQuery1.4.2 ajax存在一个严重bug问题

评论(1)浏览(458)分类：JavaScript/Ajax开发技巧
jQuery1.4.2 ajax存在一个严重bug问题　　最新的jQuery1.4.2版本在使用ajax时存在一个严重的bug问题，如果指定dataType为json，竟然死活不进入success回调函数，而其他版本，如1.2.6是正常的，郁闷~　　其实不是bug，下载的API文档没有详细说明，导致以为是bug，说明参考最下面的文章。示例代码如下ajax请求的页面，test.asp+展开 -HTML%response.write?"{success:false,id:'"reques..

Jstorage类库本地存储数据

评论(0)浏览(457)分类：JavaScript/Ajax开发技巧
Jstorage类库本地存储数据　　jStorage使用 HTML5localstorage 作为存储容器或者不支持local storage时（IE7-）则使用 userDatabehavior 作为存储容器。　　对于IE浏览器，存储的数据位置为userData　　在XP下，一般位于C:\DocumentsandSettings\用户名\UserData，有些时候会在C: \DocumentsandSettings\用户名\ApplicationData\Microsoft\InternetExplorer \UserData。　..

绚丽的css3动画效果

评论(0)浏览(455)分类：HTML/CSS兼容/XML
绚丽的css3动画效果2016-9-8：添加firefox支持。　　绚丽的HTML5 CSS动画效果，请使用webkit内核的浏览器，如chrome运行示例。chrome运行后效果如下图所示源代码如下style body { background: black; width:100%;height:100%;overflow:hidden; position: relative; } .effect-wrapper { width: 400px; height: 400px;..

jquery.ui.autocomplete.js输入中文无法显示匹配项

评论(0)浏览(454)分类：JavaScript/Ajax开发技巧
jquery.ui.autocomplete.js输入中文无法显示匹配项　　如果你使用jquery.ui.autocomplete.js自动完成插件功能，输入中文字符没有出现匹配的信息，那么50%的可能是出现了乱码（当然不排除动态页出错之类的）。　　要将加载jquery.ui.autocomplete.js插件页面，数据源统一为utf-8编码，并且2个页面的存储编码也要为utf-8（记事本打开，另存为，编码选择utf-8，保存替换原来的文件）　　从jqueryui...

去掉移动端浏览器连接点击高亮背景色

评论(0)浏览(452)分类：HTML/CSS兼容/XML
去掉移动端浏览器连接点击高亮背景色　　移动端浏览器打开网页，点击里面连接时会出现一个高亮灰色背景色，如何去掉这个高亮灰色背景色？webkit核心浏览器可以使用-webkit-tap-highlight-color:transparent设置为透明色不显示。　　去掉移动端浏览器连接点击高亮背景色代码如下第一个链接点击有灰色高亮背景第二个连接点击无灰色高亮背景meta name=viewport content=width=device-w..

iframe自适应高度

评论(0)浏览(451)分类：JavaScript/Ajax开发技巧
iframe自适应高度　　iframe自适应高度，设置iframe的高度为加载内容的高度，不出现滚动条。iframe自适应高度源代码如下test.htmla href=index.html target=myifrindex.html/aiframe src=index.html name=myifr style=width:100% onload=setIfrHeight(this)/iframescript function setIfrHeight(el) { el.style.height = el.contentWindow.document.b..

CSS3动画Transition

评论(0)浏览(449)分类：HTML/CSS兼容/XML
CSS3动画Transition　　W3C标准中对css3的transition这是样描述的：css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。下面我们同样从其最语法和属性值开始一步一步来学习transition的具体使用语法: transition ： ['transition-property&..

css3水波纹动画效果

评论(0)浏览(445)分类：HTML/CSS兼容/XML
css3水波纹动画效果css3水波纹动画效果style .wave { width: 200px; height: 200px; margin: 40px auto; display: flex; justify-content: center; align-items: center; border-radius: 50%; overflow: hidden; position: relative; } .wave::before, .wave::after { content..

microsoft.xmldom加载xml错误缺少所需的空白区

评论(0)浏览(441)分类：HTML/CSS兼容/XML
microsoft.xmldom加载xml错误缺少所需的空白区　　用microsoft.xmldom加载xml文件时，如果xml文件添加了DTD，DTD元素名称和说明之间要存在空格，否则会报错。错误原因：缺少所需的空白区。错误行：1　　测试代码如下test.htmlscript var xml = new ActiveXObject(microsoft.xmldom); xml.async = false; xml.validateOnParse = true; xml.load(book.xml); document.write(..

js控制右键菜单位置在可视区域

评论(0)浏览(434)分类：JavaScript/Ajax开发技巧
js控制右键菜单位置在可视区域　　js控制右键菜单位置在可视区域，而不出现滚动条或者菜单被遮盖无法显示。源代码如下div style=height:3000px;width:2000px内容/divstyle#pop{visibility:hidden;height:150px;border:solid 1px #000;position:absolute;width:150px;left:0;top:0}/stylediv id=pop右键菜单/divscript document.oncontextmenu = function (e) { e =..

document.createElement创建iframe在IE兼容模式无法指定target问题

评论(0)浏览(433)分类：JavaScript/Ajax开发技巧
document.createElement创建iframe在IE兼容模式无法指定target问题　　使用document.createElement创建的iframe对象，在IE兼容模式（包括ie10），IE7-浏览器下运行时，无法在DOM对象中生成name属性（但是却可以获取到name属性为设置的内容，IE真是个大bug），而是变成了一个自定义属性submitName。所以链接对象，表单如果通过target指向这个iframe，那么会在新窗口打开，而不是在document.createElement创建的if..

ajax指定为post但是未设置content-type或未指定键时时如何获取提交的内容

评论(2)浏览(433)分类：JavaScript/Ajax开发技巧
ajax指定为post但是未设置content-type或未指定键时时如何获取提交的内容　　今天在CSDN看到一个ajax指定了提交方式为post，但是设置了content-type为text/plain的时，如何在提交的页面获取提交值的问题。由于content-type为text/plain，动态页并未帮你处理成键值对的形式，所以你得自己使用2进制流数据生成对应的string类型的数据。　　1）要生成键值对形式，你得指定content-type为“application/x-www-form-urlenco..

css选择器\数字，转义数字意义

评论(0)浏览(432)分类：HTML/CSS兼容/XML
css选择器\数字，转义数字意义　　css数字选择器其中出现\数字类型，css数字选择器名称有什么意义。.\39 { background-color: #ccc; color: red;}/* '\' 的unicode码是5c */.unicode\5c { background-color: #666; color: white;}.8 { background-color: #DDD; color: blue;}　　当css class名是数字开头或者包含特殊字符的话，在写CSS样式的的..

AJAX跨域问题解决办法

评论(3)浏览(430)分类：JavaScript/Ajax开发技巧
AJAX跨域问题解决办法　　ajax伴随的goole 的推动，越来越多的站点开始使用了，在开大ajax程序的时候会遇到很多的问题，主要有以下几个方面：1.跨浏览器问题2.历史后退状态问题3.跨域问题　　跨浏览器的问题因为现在有很多的开元的框架已经解决了，我们无需为此而烦恼。　　历史后退状态问题我们可以使用一个数组来保存历史纪录，然后把这些数据村到历史对象中去，中..

js判断是否为IE11浏览器

评论(0)浏览(428)分类：JavaScript/Ajax开发技巧
js判断是否为IE11浏览器　　IE11的navigator里面已经不包含MSIE字符串，window.ActiveXObject也不再支持。要判断是否IE11浏览器，可以使用下面的代码IE11的navigator.userAgent输出为：Mozilla/5.0 (Windows NT 6.1; Trident/7.0; SLCC2; .NET CLR 2.0.50727; Media Center PC 6.0; rv:11.0) like Gecko function isIE() { //ie? if (!!window.ActiveXObje..

表格排序的javascript代码

评论(0)浏览(427)分类：JavaScript/Ajax开发技巧
表格排序的javascript代码　　一个表格排序的javascript示例代码，使用说明及参数参考代码解释。script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptscript/* * 表格怕徐中用到的小工具 * * */ var CustomFunctions = { //获取子节点的集合（ie，ff通用） getChildNodes:function(node){ v..

jQuery.tablesorter 2.0中文排序解决办法

评论(0)浏览(427)分类：JavaScript/Ajax开发技巧
jQuery.tablesorter 2.0中文排序解决办法　　jQuery.tablesorter 2.0中文排序解决办法，jQuery.tablesorter 2.0中文排序使用的sortText方法，使用js操作符号进行对比，操作符号对中文无效，导致排序出问题。需要更改为localeCompare。jQuery.tablesorter 2.0新增了textSorter配置，改写内部的文字排序，可以增加此配置而不需要更改jQuery.tablesorter 2.0源代码。jQuery.tablesorter未配..

li list-style-type:decimal序号到9变为0

评论(0)浏览(425)分类：HTML/CSS兼容/XML
li list-style-type:decimal序号到9变为0　　昨天在用ul+li布局的时候，li的list-style-type设置为decimal，结果li的序号显示到9后，自动变为从0开始了，如下图所示。示例代码!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstyle ul{padding:0px;margin:0px}li{margin-left:25px; list-style-type:decimal}/st..

XMLHttpRequest加载视频并播放

评论(0)浏览(422)分类：JavaScript/Ajax开发技巧
XMLHttpRequest加载视频并播放　　XMLHttpRequest加载视频文件2进制数据流到客户端，并使用video控件播放。结合XMLHttpRequest Level 2特性，可以使用XMLHttpRequest对象接受服务器端返回的2进制数据流，然后使用生成blob对象，URL.createObjectURL生成文件引用路径赋值给video标签即可播放。　　XMLHttpRequest加载视频并播放源代码如下%@ Page Language=C# AutoEventWireup..

kindeditor如何保留源代码中的脚本

评论(0)浏览(420)分类：JavaScript/Ajax开发技巧
kindeditor如何保留源代码中的脚本　　默认kindeditor在源代码视图中粘贴的脚本代码，在切换到设计视图或者提交到服务器前会脚本代码自动被删除，无法保留。　　要想保留源代码视图中输入的脚本代码，可以配置filterMode: false，这样在切换到设计视图或者提交到服务器时仍然可以保留脚本内容。不过开启这个配置允许编辑器输入源代码比较危险，存在XSS漏洞。var editor;KindEdito..

jquery通讯录选择效果

评论(0)浏览(419)分类：JavaScript/Ajax开发技巧
jquery通讯录选择效果　　jquery实现通讯录勾选效果。script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js/scripttable trtd valign=top收件人：input type=text id=txt style=width:500px /input type=hidden id=txtIds name=ids /br / 主题：..../tdtd id=tdContact通讯录br /input type=checkbox class=all /全..

JavaScript调用百度语音朗读信息

评论(1)浏览(419)分类：JavaScript/Ajax开发技巧
JavaScript调用百度语音朗读信息　　titleJavaScript利用百度语音服务朗读文字示例/title名字：input type=text id=txtName /br其他：input type=text id=txtOther /input type=button onclick=setSrc() value=朗读/div id=dvAudio/divscript type=text/javascript function setSrc() { var t = (document.getElementById('txtName').value + ' ' + ..

jquery ajaxForm API使用文档

评论(0)浏览(417)分类：JavaScript/Ajax开发技巧
jquery ajaxForm API使用文档jquery ajaxForm下载地址： http://malsup.github.com/jquery.form.jsjquery ajaxForm API英文原文：http://www.malsup.com/jquery/form/#api　　表单插件API提供了几个方法，让你轻松管理表单数据和进行表单提交。ajaxForm　　增加所有需要的事件监听器，为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中，使用 ajaxFor..

ajax对象常用属性，事件，方法大小写问题

评论(1)浏览(417)分类：JavaScript/Ajax开发技巧
ajax对象常用属性，事件，方法大小写问题　　经常混CSDN，发现ajax版块好多问题都是属性，方法，事件大小写不区分，导致程序运行出问题，或者在不同浏览器下效果不出来或者出错。　　下面是ajax对象的一些常用属性，事件和方法　　1）标准的ajax对象的属性有readyState，status，responseText，responseXML　　2）非标准ajax对象属性，针对IE浏览器的，有responseBody，2进制数据流。如..