JavaScript - 随笔分类 - 与时俱进

判断 iframe 是否加载完成的完美方法

摘要：一般来说，我们判断 iframe 是否加载完成其实与判断 JavaScript 文件是否加载完成采用的方法很类似：var iframe = document.createElement("iframe");iframe.src = "http://www.planabc.net";if (!/*@cc_on!@*/0) { //if not IE iframe.onload = function(){ alert("Local iframe is now loaded."); };} else { iframe.onreadyst 阅读全文

posted @ 2013-09-13 14:11 与时俱进阅读(1032) 评论(0) 推荐(0) 编辑

javascript的URL编码和解码

摘要：在使用url进行参数传递时，经常会传递一些中文名的参数或URL地址，在后台处理时会发生转换错误。在有些传递页面使用GB2312，而在接收页面使用UTF8，这样接收到的参数就可能会与原来发生不一致。使用服务器端的urlEncode函数编码的URL，与使用客户端javascript的encodeURI函数编码的URL，结果就不一样。javaScript中的编码方法：escape()方法：采用ISOLatin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码阅读全文

posted @ 2012-09-27 13:03 与时俱进阅读(793) 评论(0) 推荐(0) 编辑

JS控制图片翻转代码，兼容firefox，ie，chrome等浏览器

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>图片旋转效果</title><meta http-equiv="content-type" cont 阅读全文

posted @ 2012-08-08 15:44 与时俱进阅读(8101) 评论(2) 推荐(0) 编辑

JavaScript touch control slider

摘要：Download v0.95 (3KB minified and gzipped).Actively supports these browsers: IE6+, Firefox 3+, Safari 5 (mobile Safari 4), Chrome 15, Opera 10+. Need jQuery 1.6+.Source code on GitHub.TweetHow to useTouchSlider depends on jQuery. Include both in your header:<script src="//ajax.googleapis.com/ 阅读全文

posted @ 2012-07-04 10:09 与时俱进阅读(1100) 评论(0) 推荐(0) 编辑

JavaScript: 让拖动支持iphone/ipad触摸

摘要：var getDragClass=(function(){var SupportsTouches = ("createTouch" in document),//判断是否支持触摸 StartEvent = SupportsTouches ? "touchstart" : "mousedown",//支持触摸式使用相应的事件替代 MoveEvent = SupportsTouches ? "touchmove" : "mousemove", EndEvent = SupportsTouches ? 阅读全文

posted @ 2012-07-04 09:24 与时俱进阅读(1288) 评论(0) 推荐(0) 编辑

js获取网页选中部分的内容，包含html代码

摘要：function getSelectedContents(){ if (window.getSelection) { //chrome,firefox,opera var range=window.getSelection().getRangeAt(0); var container = document.createElement('div'); container.appendChild(range.cloneContents()); return container.innerHTML; //return window.getSelection(); //... 阅读全文

posted @ 2012-06-20 09:25 与时俱进阅读(6536) 评论(1) 推荐(1) 编辑

Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）

摘要：1判断select选项中是否存在Value="paraValue"的Item2向select选项中加入一个Item3从select选项中删除一个Item4删除select中选中的项5修改select选项中 value="paraValue"的text为"paraText"6设置select中text="paraText"的第一个Item为选中7设置select中value="paraValue"的Item为选中8得到select的当前选中项的value9得到select的当前选中项的tex 阅读全文

posted @ 2012-05-16 16:26 与时俱进阅读(617) 评论(0) 推荐(1) 编辑

mobile safari 下overflow:auto的解决方法

摘要：这次有个项目需要完全支持ipad，中间还是遇到了不少的问题。今天有个div需要滚动条在ipad的safari下面失效，mobile safari因为多点触摸的缘故取消了局部区域的滚动条（为了防止和默认的拖动行为冲突）。首先排除了是不是本身布局问题造成的，为此建了一个简单的页面进行测试依然失效，google发现还真是有这样的问题，google reader上也是失效的，mobile safari为此需要使用两个手指才能完成滚动局部的行为。为了解决这样的问题继续google，最后发现了上述的一篇文章，使用mobile safari的touchmove事件模拟滚动条的效果。废话不多说代码如下：fun 阅读全文

posted @ 2012-04-20 10:54 与时俱进阅读(2993) 评论(0) 推荐(0) 编辑

禁止选中页面内容-兼容ie、firefox、chrome

摘要：使用js禁止用户选中网页上的内容，IE及Chrome下的方法一样。使用onselectstart，例如<body onselectstart="return false">Firefox下，控制cssbody { -moz-user-select: none; }这样在IE，Firefox及Chrome下都可以禁止用户选中页面上的内容了。阅读全文

posted @ 2012-04-15 21:39 与时俱进阅读(1988) 评论(0) 推荐(0) 编辑

js屏蔽浏览器（IE和FireFox）的刷新和右键等功能

摘要：一、js屏蔽浏览器（IE和FireFox）的刷新功能document.onkeydown=function(){if ((window.event.keyCode==116)|| //屏蔽 F5(window.event.keyCode==122)|| //屏蔽 F11(window.event.shiftKey && window.event.keyCode==121) //shift+F10){window.event.keyCode=0;window.event.returnValue=false;}if ((window.event.altKey)&&( 阅读全文

posted @ 2012-03-24 21:25 与时俱进阅读(4777) 评论(0) 推荐(0) 编辑

屏蔽F1~F12的快捷键的js函数

摘要：function window.onhelp(){return false} //屏蔽F1帮助/*keyCod从113-123分别禁用了F2-F12键,13禁用了回车键(Enter),8禁用了退格键(BackSpace)*/document.onkeydown = function(){if(window.event && window.event.keyCode == 113) {window.event.keyCode = 505;}if(window.event && window.event.keyCode == 114) {window.event.k 阅读全文

posted @ 2012-03-24 21:23 与时俱进阅读(391) 评论(0) 推荐(0) 编辑

Javascript屏蔽IE和Firefox浏览器默认按键响应(快捷键功能)

摘要：function stopDefault( e ) { // Prevent the default browser action (W3C) if ( e && e.preventDefault ) e.preventDefault(); else // A shortcut for stoping the browser action in IE window.event.returnValue = false; return false;}需要在按键事件中调用上面的函数，即可进行屏蔽，例：if(e.code!=8) keyValue = kc.get(e.code);el 阅读全文

posted @ 2012-03-24 21:20 与时俱进阅读(1382) 评论(0) 推荐(0) 编辑

Javascript事件热键兼容ie|firefox

摘要：<textarea onkeydown="keyHanlder(event)"></textarea><script>function keyHanlder(e){if(e.ctrlKey&&e.keyCode==13){alert('"Ctrl+Enter"');if(e.preventDefault)e.preventDefault();else e.returnValue=false;}}</script>非IE浏览器调用函数会自动返回参数event，通过它可以获取键盘阅读全文

posted @ 2012-03-24 21:18 与时俱进阅读(277) 评论(0) 推荐(0) 编辑

Js event事件在IE、FF兼容性问题

摘要：IE：有window.event对象FF：没有window.event对象。可以通过给函数的参数传递event对象。如：<input type="button" onmousemove="showDiv(event);"//event不需要加引号function showDiv(event){var event=window.event||event;event.clientX;event.clientY;} 阅读全文

posted @ 2012-03-24 21:16 与时俱进阅读(2050) 评论(0) 推荐(0) 编辑

JavaScript中的基本数据类型

摘要：阅读目录1.1前言2.1 javascript中的变量3.1 简单数据类型 3.1.1. typeof 操作符 3.1.2. Undefined 类型 3.1.3. Null 类型 3.1.4. Boolean 类型 3.1.5. Number 类型 3.1.6. String类型 3.1.7. Object 类型 4.结束语 5.参考文档前言大家经常可以见到javascript中的一些数据类型，比如“undefined”、“boolean”、“string”等等，但是ECMAScipt中的变量又是松散类型的，所谓松散类型就是可以用来保存任何类型的数据。所以javascript中用var关键阅读全文

posted @ 2012-03-20 18:04 与时俱进阅读(9914) 评论(0) 推荐(1) 编辑

JavaScript中各种转换规则记录

摘要：阅读目录前言Boolean转换规则Number转换规则String转换规则Boolean转换规则结束语前言在javascript中，我学习中比较混乱的就是各种数值类型之间的转换，所以写这篇文章作为记录，如果文中有任何不正确的地方，请大家尽量拍砖，相互学习，共同进步。Boolean转换规则在javascript中，Boolean是内部的基本包装类型之一，它是一个函数，可以用来构建布尔类型的值：true or false。构建出来的实例，可以调用Boolean提供的方法。除此之外，Boolean也是一个函数，可以用来进行数据转换为布尔值。可以对任何数据类型的值调用Boolean函数，而且都会返回阅读全文

posted @ 2012-03-20 18:03 与时俱进阅读(348) 评论(0) 推荐(0) 编辑

正文内容js高亮效果

摘要：//高亮显示搜索到的关键字function HeightLight(Keyword){ //文本选择器 var TextRange; //是否找到 var Found=false; //找到的次数 var Count = 0; TextRange = document.body.createTextRange(); Found = TextRange.findText(Keyword); if (Found) { Count++; } while (Found && Count > 0) { TextRange.pasteHTML('<span style= 阅读全文

posted @ 2012-03-16 15:47 与时俱进阅读(447) 评论(2) 推荐(0) 编辑

HTML5 Audio/Video 标签,属性,方法,事件汇总

摘要：<audio> 标签属性：src：音乐的URLpreload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条Html代码<audioid="media"src="http://www.abc.com/test.mp3"controls></audio><video> 标签属性：src：视频的URLposter：视频封面，没有播放时显示的图片preload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条width：视频宽度heig 阅读全文

posted @ 2012-02-22 09:00 与时俱进阅读(21100) 评论(0) 推荐(0) 编辑

js 金额文本框实现代码

摘要：案例1：回车实现Tab跳转。响应文本框的onKeyDown事件，window.event.keyCode获得用户点击的keyCode。（*）keyCode和ASCII不是完全一致，主键盘的1和小键盘的1的ASCII一样，但是keyCode不一样。回车的keyCode为 13，Tab的keyCode为9。<body onkeydown="if(window.event.keyCode==13){window.event.keyCode=9;}">只有少数的键才能被替换，大部分是不行的，有权限问题。键盘码与ASCII码不一样。keyCode8：退格键46：delet 阅读全文

posted @ 2012-02-14 23:28 与时俱进阅读(1291) 评论(0) 推荐(0) 编辑

js post 异步请求

摘要：昨天在修复一个bug的时候，使用jquery post数据的时候发现post请求总是没有发出去，nnd，难道是jquery库问题啊，于是自己写了一个xmlhttp的方法，然后调试了一下，发现ok，那是估计需要更新一下jquery的库了，这个还没有调试，先用自己的了；以下是xmlHttp的coding：var xmlHttp;function createXMLHttpRequest(){ //Mozilla 浏览器（将XMLHttpRequest对象作为本地浏览器对象来创建） if(window.XMLHttpRequest){ //Mozilla 浏览器 xmlHttp = new... 阅读全文

posted @ 2012-02-12 10:16 与时俱进阅读(14097) 评论(0) 推荐(0) 编辑

与时俱进

随笔分类 - JavaScript