JavaScript - 随笔分类(第4页) - 与时俱进

JavaScript test() 方法及判断是否为iPhone|iPad|iPod

摘要：//js判断iPhone|iPad|iPodif(/(iPhone|iPad|iPod)/i.test(navigator.userAgent)){alert(navigator.userAgent);}; 定义和用法test() 方法用于检测一个字符串是否匹配某个模式.语法RegExpObject.test(string)参数描述string必需。要检测的字符串。返回值如果字符串 string 中含有与 RegExpObject 匹配的文本，则返回 true，否则返回 false。说明调用 RegExp 对象 r 的 test() 方法，并为它传递字符串 s，与这个表示式是等价的：(r.ex 阅读全文

posted @ 2011-05-19 16:33 与时俱进阅读(1064) 评论(0) 推荐(0) 编辑

使用 javascript 标记高亮关键词

摘要：个将指定html标签内特定关键词高亮显示的javascript 函数。/*----------------------------------------*\*使用js标记高亮关键词bymarkcxz(markcxz@aol.com)*参数说明:*obj:对象,要进行高亮显示的html标签节点.*hlWords:字符串,要进行高亮的关键词词,使用竖杠(|)或空格分隔多个词.*cssClass:字符串,定义关键词突出显示风格的css伪类.*参考资料:javascriptHTMLDOM高亮显示页面特定字词Byshawl.qiu\*---------------------------------- 阅读全文

posted @ 2011-05-02 09:59 与时俱进阅读(388) 评论(0) 推荐(0) 编辑

javascript关键字加亮加连接

摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type=&q 阅读全文

posted @ 2011-05-02 09:57 与时俱进阅读(296) 评论(0) 推荐(0) 编辑

JS Cookies 函数通过IE6、IE7，IE8，FF，Safari，Chrome，Opera

摘要：Javascript Cookies操作，例子SetCookies("Cookiesname",value,"1h") //保存value到Cookiesname中，保存时间一个小时。此函数比较简单，请看源码。function setCookie(a,b){var d=new Date();var v=arguments;var c=arguments.length;var e=(c>2)?v[2]:null;var p=(c>3)?v[3]:null;var m=(c>4)?v[4]:window.location.host;var 阅读全文

posted @ 2011-03-18 14:32 与时俱进阅读(2859) 评论(0) 推荐(0) 编辑

完美兼容IE、FF、Opera的Ajax类支持get、post、自定义回调函数

摘要：function Ajax(){ this.httpXML=false; this.init(); } Ajax.prototype.init=function(){ if(window.XMLHttpRequest){ this.httpXML=new XMLHttpRequest(); if (this.httpXML.overrideMimeType){ this.httpXML.overrideMimeType("text/xml"); } }else if(window.ActiveXObject){ try{this.httpXML = new ActiveXO 阅读全文

posted @ 2011-03-18 14:26 与时俱进阅读(802) 评论(0) 推荐(0) 编辑

javascript 常用代码技巧大收集

摘要：1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件<input type="text" value="郭强" onfocus="if(value=='郭强') {value=''}" onblur="if(value=='') {value='郭强'}">点击时文字消失，失去焦点时文字再出现2.网页按钮的阅读全文

posted @ 2011-03-07 09:42 与时俱进阅读(561) 评论(0) 推荐(0) 编辑

js拖动窗口用层模拟可移动的小窗口

摘要：用层模拟可移动的小窗口<style type='text/css'></style><script language=JScript><!--//可以打包为js文件;var x0=0,y0=0,x1=0,y1=0;var offx=6,offy=6;var moveable=false;var hover='orange',normal='#336699';//color;var index=10000;//z-index;// 阅读全文

posted @ 2011-03-06 17:05 与时俱进阅读(2229) 评论(0) 推荐(0) 编辑

javascript数组操作大全，数组方法总汇，速记

摘要：shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefinedvar a = [1,2,3,4,5];var b = a.shift(); //a：[2,3,4,5] b：1unshift：将参数添加到原数组开头，并返回数组的长度var a = [1,2,3,4,5];var b = a.unshift(-2,-1); //a：[-2,-1,1,2,3,4,5] b：7注：在IE6.0下测试返回值总为undefined，FF2.0下测试返回值为7，所以这个方法的返回值不可靠，需要用返回值时可用splice代替本方法来使用。pop：删除原数组最后一项，并返回删除元素的值；阅读全文

posted @ 2011-03-06 16:59 与时俱进阅读(377) 评论(0) 推荐(0) 编辑

offsetTop，clientX，clientTop，clientWidth，offsetWidth 坐标，一次弄明白

摘要：这几个属性都是IE火狐完全兼容的，不多说，看我测试结果便知：【源码如下】<!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> <script type=& 阅读全文

posted @ 2011-03-06 16:57 与时俱进阅读(523) 评论(0) 推荐(0) 编辑

javascript中replace的正则表达式语法

摘要：replace 方法以下是javascript 中的例子下面的示例演示了 replace 方法将第一次出现的单词 "The" 替换为单词 "A" 的用法。function ReplaceDemo(){ var r, re; // 声明变量。 var ss = "The man hit the ball with the bat.\n"; ss += "while the fielder caught the ball with the glove."; re = /The/g; // 创建正则表达式模式。 r = ss.replace(re, "A"); // 用 "A" 替换 "The" 阅读全文

posted @ 2011-02-07 15:56 与时俱进阅读(2447) 评论(1) 推荐(0) 编辑

JSON详细学习之JSON in JavaScript

摘要：Js代码scripttype="text/javascript"src="scripts/json/json2.js"/scriptscripttype="text/javascript"src="scripts/json/jsonmessage.js"/script一、在javascript中使用JSON创建一个对象Js代码//创建一个空对象varJSONObject={}//创建一个新的对象varJSONObject=newObject()//创建一个包含属性的对象，其中名称为字符串，年龄为整型varJSONObject={"name":"kevin","age":23} 阅读全文

posted @ 2011-02-07 11:17 与时俱进阅读(539) 评论(0) 推荐(1) 编辑

JSON学习

摘要：JSON（JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。JSON的规则很简单：对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’对”之间使用“,”（逗号）分隔。具体细节参考http://www.json.org/json-zh.html举个简单的例子：js 代码functionshowJSON(){ varuser= { "username 阅读全文

posted @ 2011-02-07 11:15 与时俱进阅读(374) 评论(1) 推荐(0) 编辑

用 javascript 处理 JSON

摘要：因为JSON 是 javascript 的一个子集，所以，在javascript 中使用JSON是非常简单的。js 代码varmyJSONObject={"bindings":[{"ircEvent":"PRIVMSG","method":"newURI","regex":"^http://.*"},{"ircEvent":"PRIVMSG","method":"deleteURI","regex":"^delete.*"},{"ircEvent":"PRIVMSG","method":"randomURI","regex":"^random.*"}]};在上面的例子中，我们创建了只包含一个成阅读全文

posted @ 2011-02-07 11:12 与时俱进阅读(711) 评论(2) 推荐(0) 编辑

JS 一些小技巧

摘要：事件源对象event.srcElement.tagNameevent.srcElement.type捕获释放event.srcElement.setCapture();event.srcElement.releaseCapture();事件按键event.keyCodeevent.shiftKeyevent.altKeyevent.ctrlKey事件返回值event.returnValue鼠标位置event.xevent.y窗体活动元素document.activeElement绑定事件document.captureEvents(Event.KEYDOWN);访问窗体元素document.a 阅读全文

posted @ 2011-01-31 13:44 与时俱进阅读(318) 评论(0) 推荐(1) 编辑

js操作select相关方法(收集)

摘要：/*1.判断select选项中是否存在value="paravalue"的item2.向select选项中加入一个item3.从select选项中删除一个item4.修改select选项中value="paravalue"的text为"paratext"5.设置select中text="paratext"的第一个item为选中6.设置select中value="paravalue"的item为选中7.得到select的当前选中项的value8.得到select的当前选中项的text9.得到select的当前选中项的index10.清空select的项---------------------- 阅读全文

posted @ 2011-01-31 13:32 与时俱进阅读(267) 评论(0) 推荐(0) 编辑

JavaScript定义类的几种方式

摘要：提起面向对象我们就能想到类，对象，封装，继承，多态。在《javaScript高级程序设计》（人民邮电出版社，曹力、张欣译。英文名字是：Professional JavaScript for Web Developers）这本书中描述的还算比较详细。我们看看JavaScript中定义类的各种方法。1．工厂方式 javaScript中创建自己的类和对象，我们应该是必须掌握的，我们都知道javaScript中对象的属性可以在对象创建后动态定义，比如下面的代码：script type="text/javascript"//定义 var oCar = new Object(); oCar.color 阅读全文

posted @ 2011-01-09 16:43 与时俱进阅读(481) 评论(0) 推荐(0) 编辑

动态载入/删除/更新外部 JavaScript/Css 文件

摘要：传统加载外部JavaScript(*.js) 或者 Css(*.css)文件的方法是直接在head标签里面进行添加:head script type="text/javascript" src="myscript.js"/script link rel="stylesheet" type="text/css" href="main.css" / /head这些文件用这种方式会同步加载到当前这个页面。现在用动态的方式载入JavaScript/Css文件：用 DOM createElement 方法创建一个 “script” 或者 ”link” 元素设置相应的属性使用 ap 阅读全文

posted @ 2011-01-06 19:09 与时俱进阅读(3365) 评论(0) 推荐(1) 编辑

jQuery试卷自动排版系统

摘要：需求根据提供的试卷题目（是一个干净的只有“数据”的HTML网页）生成一份多页的试卷，用户能执行翻页、具有答题时间限制，展示给用户的试卷中题目需要占用尽量少的空间（比如选择题中把两条较短的选项由两行合并到一行）、同一道题目不要跨页面显示以方便答题者，管理员能够改变试卷的样式（字体、颜色、行距、页面边距，像字处理软件一样……），题目之间可以插入一些说明性的文字（比如告知答题者作答的须知等等）。题目提干、选择题的选项、说明文字可以包含多媒体信息（文字、图片、列表、表格、视频等等……）。选择题选项数目不限、单选多选不限。翻页要有可订制的动画效果提供的试卷样板类似如下（Input）：01olid="o 阅读全文

posted @ 2011-01-06 19:08 与时俱进阅读(1963) 评论(0) 推荐(0) 编辑

javascript图片360°旋转

摘要：!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"headtitle ImageRotation /titlemeta http-equiv="Content-Type" content="text/html; charset=utf-8"style type="text/css"#demo { cu 阅读全文

posted @ 2011-01-06 18:58 与时俱进阅读(284) 评论(0) 推荐(0) 编辑

与时俱进

随笔分类 - JavaScript