首页 技术教程 实用代码 注册破解 正则表达式 网址导航 电子书籍

javascript读取xml

/** * 得到XML文件属性的集合对象 * @param xmlDoc XML对象 * @param name 属性名称 如: user * @return 返回 Array 对象 * Example XML: * <?xml version='1.0' encoding='utf-8'?> * <ekuy> *   <user> *     <name> *       <cnname>小猪</cnname> *     </name> *     <age>27</age> *   </user> *   <user> *     <name>...
类别:网页编程 - JavaScript    查看:142    更新:2014-06-18

JavaScript定时机制

容易欺骗别人感情的JavaScript定时器JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如setTimeout( function(){ alert('你好!'); } , 0);setInterval( callbackFunction , 100);认为setTimeout中的问候方法会立即被执行,因为这并不是凭空而说,而是JavaScript API文档明确定义第二个参数意义为隔多少毫秒后,回调方法就会被执行. 这里设成0毫秒,理所当然就立即被执行了.同理对setInterval的callbackFunction方法每间隔100毫秒就立即被执行深信不疑!但随着JavaScript应用开发经验不断的增加和丰富,有一天你发现了一段怪异的代码而...
类别:网页编程 - JavaScript    查看:151    更新:2014-06-14

JavaScript 图片预览效果

随着浏览器安全性的提高,要实现图片预览也越来越困难。不过群众的智慧是无限的,网上也有很多变通或先进的方法来实现。在研究了各种预览方法后,作为总结,写了这个程序,跟大家一起分享。兼容:ie6/7/8, firefox 3.5.5,后台支持下还兼容:opera 10.10, safari 4.0.4, chrome 3.0。【基本原理】图片预览主要包括两个部分:从file表单控件获取图像数据,根据数据显示预览图像。程序的file和img属性就是用来保存file控件和显示预览图像的容器的,而img还必须是img元素。程序有以下几种预览方式:simple模式:直接从file的value获取图片路径来显示预览,适用于ie6;filter模式:通过selection获取file的图片路径,再用滤镜来显示预览,适用于ie7/8...
类别:网页编程 - JavaScript    查看:161    更新:2014-06-14

用Javascript为图片img添加onclick事件

我们在一些文章发布系统中,后台使用的编辑器插入图片的时候并不会自动给图片加上链接,有时候图片太大了,会将窗口撑开,为了不影响美观,我们也许会将图片缩小,于是乎,就要将图片放大,有些编辑器非常复杂,更改起来不方便,那么我们可以直接在显示文章内容的页面使用Javascript给图片批量都加上onclick事件。。。 假设如下一段文章内容存放于如下一个DIV中: 以下是HTML代码: <div id="content"> <img src="1.gif" /> <img src="2.gif" /> <img src="3.gif" /> <img src="4.gif" /> <img src="5.gif" /> </div>...
类别:网页编程 - JavaScript    查看:715    更新:2014-06-03

firefox与IE中对javascript和CSS的区别

1. document.formName.item("itemName") 问题 说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"]; Firefox下,只能使用document.formName.elements["elementName"]. 解决方法:统一使用document.formName.elements["elementName"].2.集合类对象问题 说明:IE下,可以使用()或[]获取集合类对象;Firefox下,只能使用[]获取集合类对象. 解决方法:统一使用[]获取集合类对象.3.自定义属性问题 说明:IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute()获取自定义属性;Firefox下,只能使用getAttribute()获...
类别:网页编程    查看:143    更新:2014-06-03

Javascript实现图片按比例缩放的函数

以下是代码:【运行代码】【复制代码】 <script language="JavaScript"> <!-- //图片按比例缩放 var flag=false; function DrawImage(ImgD){ var image=new Image(); var iwidth = 150; //定义允许图片宽度 var iheight = 100; //定义允许图片高度 image.src=ImgD.src; if(image.width>0 && image.height>0){ flag=true; if(image.width/image.height>= iwidth/iheight){ if(image.width>iwidth){ ImgD.width=iwidth; ImgD.height=(image.height*iwidth)/image.width; }else{ ImgD.width=image.width; ImgD.height=image.height; } ImgD.alt=image.width+"&...
类别:网页编程 - JavaScript    查看:127    更新:2014-05-26

用Javascript模仿DataGrid

<HTML> <HEAD> <TITLE> JS模仿的DataGrid</TITLE> </HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- function ChangeValue(objTD) { var objName; objName = objTD.id; objTD.innerHTML = "<input type=text id=txtBox name=textfield value="+objTD.innerText+" onBlur=WriteNewValue(this.value,"+objName+");>"; } function WriteNewValue(strTxt,objTD) { objTD.innerText = strTxt; }//--> </SCRIPT> <BODY> <TABL...
类别:网页编程 - JavaScript    查看:133    更新:2014-05-26

用Javascript获得TextArea中的光标位置

function getPos(obj) { obj.focus(); var workRange=document.selection.createRange(); obj.select(); var allRange=document.selection.createRange(); workRange.setEndPoint("StartToStart",allRange); var len=workRange.text.length; workRange.collapse(false); workRange.select(); return len; } 这时候问题出来了,在obj.select()的时候,会造成闪烁,并且滚动条也无法归位。于是小弟根据自己的需要,将其改写如下: function getCaret(ZysrID) { var txb = document.getElementById(ZysrID);//根据ID获得对象 var pos = 0;//设置初始位置 txb.focus();//输入框获得焦点,...
类别:网页编程 - JavaScript    查看:138    更新:2014-05-26

限制图片上传长宽的JavaScript代码

<html> <head> <title>Upload Image</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body bgcolor="#FFFFFF" text="#000000"> <form name="IUpload" action="upfile.asp" method="post"> <p><input type="file" name="picsrc" size="40" onchange="picshow.src=document.IUpload.picsrc.value"> <input type="button" value="上载" onclick="detect()"><...
类别:网页编程 - JavaScript    查看:136    更新:2014-05-26

JavaScript实现的Base64编码和解码

var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; var base64DecodeChars = new Array( -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 62, -1, -1, -1, 63, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -1, -1, -1, -1, -1, -1, -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -1, -1, -1, -1, -1, -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37...
类别:网页编程 - JavaScript    查看:135    更新:2014-05-26

利用Yahoo! Search API开发自已的搜索引擎-javascript版

美国东部时间3月1日,雅虎公司联合创始人之一的杨致远将宣布公司的搜索网络将进入Web服务。雅虎公司在www.developer.yahoo.com网站建立了Yahoo Search Developer Network,公司计划在此纽约举行的搜索引擎战略大会(Search Engine Strategies Conference)上推出这一计划。该网络将允许开发者在雅虎搜索之上建立新的应用程序,其中包括图像、视频、新闻以及地区搜索等内容。想要使用这项服务的会员必须先去http://api.search.yahoo.com/webservices/register_application 申请一个自已的ID号,注:每个ID号每天只能搜索5000次。 下面我们看一下,如何用javascript脚本调用Yahoo! Search API实现搜索的效果,全部脚本如下: ...
类别:网页编程 - JavaScript    查看:157    更新:2014-05-26

Prototype实战教程:String -> stripTags

stripTags stripTags() -> string 移除字符串中所有的 HTML 标签。 当心字符串中的 <script> 标签,因为 String#stripTags 不会 移除它们的内容。如果要完全移除 <script>(包括其内容),请使用 String#stripScripts。 样例 'a <a href="#">link</a>'.stripTags(); // -> 'a link' 'a <a href="#">link</a><script>alert("hello world!")</script>'.stripTags(); // -> 'a linkalert("hello world!")' 'a <a href="#">link</a><script>alert("hello world!")</...
类别:网页编程 - JavaScript    查看:115    更新:2014-05-24

Prototype实战教程:String -> stripScripts

stripScripts stripScripts() -> string 移除字符串中所有的 HTML script 块。 样例 'a <a href="#">link</a><script>alert("hello world!")</script>'.stripScripts(); // -> 'a <a href="#">link</a>'
类别:网页编程 - JavaScript    查看:119    更新:2014-05-24

Prototype实战教程:String -> strip

strip strip() -> string 移除字符串首尾的所有空白符。 样例 ' hello world! '.strip(); // -> 'hello world!'
类别:网页编程 - JavaScript    查看:115    更新:2014-05-24

通过JavaScript和DOM进行数据访问

在一个Web页面中访问和处理各种各样的不同元素是经常性的工作,这可以通过使用javaScript和HTML文档对象模型(DOM)很容易实现。本文我们将介绍访问页面元素的各种方法并描述如何实现它们。 HTML DOM 根据W3C的介绍,“文档对象模型是一个语言中性接口的平台,它可以实现程序和脚本动态访问和更新文档的内容、结构和样式。” 所有HTML元素同它们包含的文本及属性都可以通过DOM访问。一个元素的内容可以被修改或删除以及创建新元素。 当使用DOM和页面元素时,最重要的对象就是文档。它包含在windows对象中,但是你可以直接在JavaScript代码中键入并使用文档。当用作访问一个页面中的所有元素时...
类别:网页编程 - JavaScript    查看:113    更新:2014-05-22

用JavaScript数组创建数据结构

JavaScript与一些更加稳定的语言相比,比如Java和C语言,有许多相似之处,但是它确实有很多鲜为人知的特性。JavaScript数组是这样一种设计元素,它提供了一些开发人员常常忽视的特性。本文就利用JavaScript数组创建一个堆栈和队列数组结构来解释其中的一些特性。 数组 你可以使用JavaScript的数组对象在一个变量下保存一组数值。列表A里的JavaScript创建了一个带有5个元素(每个都对应一个Web网站的地址)的数组,并在这个数组里循环,在一个提醒对话框里显示每个值。 JavaScript并不是一定要支持多维数组,但是你可以获得带有数组的数组。JavaScript的数组对象能够提供的功能不只对数组的基本支持;它还可以被用于提...
类别:网页编程 - JavaScript    查看:144    更新:2014-05-22