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

用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

通过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

javascript里的Array

new Array() new Array(len) new Array([item0,[item1,[item2,...]]] 使用数组对象的方法: var objArray=new Array(); objArray.concact([item1[,item2[,....]]]-------------------将参数列表连接到objArray的后面形成一个新的数组并返回,原有数组不受影响。如:var arr=["a","b","c"]; arr.concact("d","e"); 将返回包括从"a"到"e"字母元素的数组。而arr本身不受影响。 objArray.join(separator)-----------------以separator指定的字符作为分割符,将数组转换为字符串,当seperator 为逗号时,其作用和toString()相同。 objArray.pop(...
类别:网页编程 - JavaScript    查看:101    更新:2014-05-22

Javascript评估用户输入密码的强度

密码已经是我们生活工作中必不可少的工具,但一个不安全的密码有又有可能会给我们造成不必要的损失。作为网站设计者,如果我们在网页中能对用户输入的密码进行安全评估,并显示出相应的提示信息,那么对用户设置一个安全的密码将有很大帮助。同时也使得网站更具人性化,更有吸引力. 什么是一个安全的密码呢?本程序按以下的方式进行评估. 1.如果密码少于5位,那么就认为这是一个弱密码. 2.如果密码只由数字、小写字母、大写字母或其它特殊符号当中的一种组成,则认为这是一个弱密码. 3.如果密码由数字、小写字母、大写字母或其它特殊符号当中的两种组成,则认为这是一个中度安全的密码. 4.如果密码由数字、小写字母、大写字母或其它特...
类别:网页编程 - JavaScript    查看:126    更新:2014-05-22

JavaScript[对象.属性]集锦、事件查询综合

<SCRIPT>标记   用于包含JavaScript代码.   语法   <SCRIPT LANGUAGE="JavaScript">   <!–hide   code here   //–>   </SCRIPT> 属性   LANGUAGE 定义脚本语言   SRC 定义一个URL用以指定以.JS结尾的文件 windows对象   每个HTML文档的顶层对象.   属性   frames[] 子桢数组.每个子桢数组按源文档中定义的顺序存放.   feames.length 子桢个数.   self 当前窗口.   parent 父窗口(当前窗口是中一个子窗口).   top 顶层窗口(是所有可见窗口的父窗口).   status 浏览器状态窗口上的消...
类别:网页编程 - JavaScript    查看:107    更新:2014-05-22

JavaScript使用小技巧:IE8的关闭处理

在JS中使用window.close();时经常会遇到这样的提示“你查看的网页正试图关闭窗口,是否关闭。”,这实际上是IE的安全特性的一项内容,是不能通过设置浏览器加以解决的。要将窗口关闭提示消息屏蔽,需要增加额外的代码。 在IE6中,可以通过在close之前设置窗体的opener属性值得以解决,范例代码如下: window.opener="xxx"; window.close(); 在IE7,IE8中,上述的代码并无法奏效,此时需要重载window.close()函数解决该问题,范例代码如下: var closeWinFunc = window.close; window.close = function(){ window.open("","_self"); closeWinFunc(); } window.close();...
类别:网页编程 - JavaScript    查看:118    更新:2014-05-22

JavaScript trim函数的十二种实现

实现1 1.String.prototype.trim = function() { 2. return this.replace(/^ss*/, '').replace(/ss*$/, ''); 3.} 看起来不怎么样,动用了两次正则替换,实际速度非常惊人,主要得益于浏览器的内部优化。一个著名的例子字符串拼接,直接相加比用Array做成的StringBuffer还快。base2类库使用这种实现。 实现2 1.String.prototype.trim = function() { 2. return this.replace(/^s+/, '').replace(/s+$/, ''); 3.} 和实现1很相似,但稍慢一点,主要原因是它最先是假设至少存在一个空白符。Prototype.js使用这种实现,不过其名字为strip,因为Prototype的方法都是力求与Ruby同名。 实现3 1.String.prototype.trim = function(...
类别:网页编程 - JavaScript    查看:123    更新:2014-05-22

Javascript事件综合

click() 对象.click() 使对象被点击。 closed 对象.closed 对象窗口是否已关闭true/false clearTimeout(对象) 清除已设置的setTimeout对象 clearInterval(对象) 清除已设置的setInterval对象 confirm("提示信息") 弹出确认框,确定返回true取消返回false cursor:样式 更改鼠标样式 hand crosshair text wait help default auto e/s/w/n-resize event.clientX 返回最后一次点击鼠标X坐标值; event.clientY 返回最后一次点击鼠标Y坐标值; event.offsetX 返回当前鼠标悬停X坐标值 event.offsetY 返回当前鼠标悬停Y坐标值 document.write(document.lastModified) 网页最后一次更新时间 document.ondblclick=...
类别:网页编程 - JavaScript    查看:93    更新:2014-05-22

使用JavaScript执行多重周期 ID cookies

通过使用JavaScript执行多重生存周期 ID cookies来获得ASP更多功能。 建立良好客户端功能的基础 当我很小的时候,父亲是一名建筑工人。在夏天,我偶而也会充当一名小伙计,从事住宅建设工作。通过仔细观察,我掌握了一些建筑的基本概念。这些观点同样也可适用于程序设计中。其中最重要的观点莫过于所有的建筑都依赖于一个优质的基础。这一观点无论对于盖房子来说还是对于应用软件来讲都一样正确。如果基础是薄弱的,那么所有的上层建筑都将坍塌。 由于MSC是 以cookie为基础的,因此JavaScript 的cookie 功能是基础的第一层。这些功能可在特定的数值上建立cookie;得到一个现存的cookie数值;删除一个现有的cookie—&md...
类别:网页编程 - JavaScript    查看:124    更新:2014-05-22

预载入和JavaScript Image()对象

很多high-res图像真的可以使 Web 站点更加整洁。但是它们也会使站点的访问速度变慢——图像是文件,文件使用带宽,带宽直接与等待时间相关。是该了解如何通过一个叫做图像预载入(preloading)的技巧来提高 Web 站点的访问速度的时候了。 图像预载入 对于浏览器载入图像来说,只有在对图像发送一个 HTTP请求之后,它们才会被浏览器载入,对图像的 HTTP 请求要么使用 <img> 标记,要么通过方法调用实现。如果使用 JavaScript 脚本来处理在 mouseover 事件时交换图像,或者在一段时间之后自动更改图像,那么在从服务器获取图像时可能要等上几秒钟到几分钟的时间。如果使用一个慢速的 Internet 连接,或者要获取的...
类别:网页编程 - JavaScript    查看:90    更新:2014-05-22

JavaScript:验证整个表单

不像域级有效性检查(field-level validation),表单级有效性检查(form-level validation)将整个表单上的某组(或全部)值作为一个整体分析其一致性。表单级有效性检查一般发生在将一个已完成的HTML 表单提交给CGI 程序之前。我们这样做是为了确保用户在将数据发送至服务器之前,已经填写了所有的必填域。 验证整个表单其实相当简单。在我们的例子当中,我们已经去除了大部份会自动弹出即时警告信息的域级有效性检查。下面是一个例子: function isANumber(number) { answer = 1; if (!parseFloat(number)) { //the first digit wasn't numeric answer = 0; } else { //the first digit was numeric, so check the res...
类别:网页编程 - JavaScript    查看:90    更新:2014-05-22