JS/CSS
跃睿
一个男人重要的不是所处的位置,而是你面对的方向!!!
展开
-
实现全选功能的代码
实现全选的功能 function selectAll(boolValue){ var allCheck=document.getElementsByName("dog"); for(var i=0;i if(allCheck[i].type=="checkbox"){ allCheck[i].checked=boolValue; } }} 第一条狗 第二原创 2008-12-08 19:07:00 · 815 阅读 · 0 评论 -
css中的border属性
制作过网页的人都有为画线而烦恼的经历,本文介绍的小技巧也许对你有所帮助。我们先来认识一下“Border”(画边框),它是CSS的一个属性,用它可以给能确定范围的HTML标记(如TD、DIV等等)画边框,它可以定义边框线的类型、宽度和颜色,利用这个特性,可以制作一些特殊效果。下面将通过实例来说明其应用技巧。 1、给文本加边框 上面的示例中,给一段文字加了不同的边框,只是为了说明边框线的颜色、粗转载 2010-04-19 15:59:00 · 3098 阅读 · 0 评论 -
IE8 如何调试
自己亲自使用心得:在想要调试的网页上按下f12快捷键,然后切换到调试模式。在想要调试的代码上加断点,然后点击启动调试,但是ie往往会提示:无法加载进程,该进程可能附加另一个...,点击确定,然后重新点击开始调试,刷新页面,然后即可。但是你要保证你调试的代码能够运行到。 一下是转载的关于ie调试的扩展功能:浏览器模式 应了《无间道》的那句话——“出来混,迟早是要还的!”。IE原创 2010-04-21 14:13:00 · 24307 阅读 · 0 评论 -
关于JavaScript中的prompt方法
定义和用法prompt() 方法用于显示可提示用户进行输入的对话框。语法prompt(text,defaultText)参数描述text可选。要在对话框中显示的纯文本(而不是 HTML 格式的文本)。defaultText可选。默认的输入文本。说明如果用户单击提示框的取消按钮,则返回 null。如果用户单击确认按钮原创 2010-04-21 14:54:00 · 7368 阅读 · 0 评论 -
document.layers 与 document.all 的区别
document.layers是判断NETSPACE浏览器的document.all是判断IE浏览器的document.all是IE 4.0及以上版本的专有属性,是一个表示当前文档的所有对象的娄组,不仅包括页面上可见的实体对象,还包括一些不可见的对象,比如html注释等等在document.all数组里面,元素不分层次,是按照其在文档中出现的先后顺序,平行地罗列的所以可以用数字索引来引转载 2010-04-21 15:00:00 · 7081 阅读 · 0 评论 -
关于Dreamweaver打开后以前创建的站点在文件选项卡消失的问题
如果打开Dreamweaver后以前建立的站点在文件选项卡无法找到的话,可以新建一个个站点,然后文件选项卡中会有新建的站点对应文件夹。在下拉菜单中可以找到以前所建立的站点对应的文件夹。原创 2010-04-21 15:32:00 · 3046 阅读 · 0 评论 -
JavaScript中的 escape,encodeURI,encodeURIComponent
js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent1、 传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。 例如:document.wr转载 2010-05-12 14:49:00 · 433 阅读 · 0 评论 -
安装firebug进行调试
Firefox的调试功能比ie8强大很多,但是安装的火狐不下载firefdug组件的话是无法进行调试的。打开Firefox,点击--》工具--》获取组件--》输入firebug----》找到该组件安装即可原创 2010-05-12 15:04:00 · 473 阅读 · 0 评论 -
帽子与兔子的魔法(js事件处理)
function showRabbit() { var hatImage=document.getElementById("topHat"); //原来的图片 hatImage.setAttribute("src","ready-state_0.jpg"); var button=document.getElementById("hocusPocus"); b原创 2010-05-25 15:47:00 · 686 阅读 · 0 评论 -
使用DOM来替换图片标签
示例代码:Magic Hat function showRabbit() { var hatImage=document.getElementById("topHat"); //原来的图片 var newImage=document.createElement("img"); //新建立一个节点, newImage.setAtt原创 2010-05-25 10:23:00 · 1434 阅读 · 0 评论 -
事件函数在标签和js中的写法
要注意,在 HTML 中该属性通常称为 onClick,其中 C 大写;而在 JavaScript 中则称为 onclick,全部小写。 除了 onclick 属性外,还有一个方法可用于添加 onClick 或 onBlur 这样的事件处理程序,毫不奇怪这个方法就叫 addEventHandler()。不幸的是,Microsoft™ Internet Explorer™ 不支持这个方法原创 2010-05-25 15:09:00 · 1181 阅读 · 0 评论 -
JS操作dom属性与方法
<br /> <br /> W3C DOM和JavaScript<br /> W3C DOM和JavaScript很容易混淆不清。DOM是面向HTML和XML文档的API,为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构。JavaScript则是用于访问和处理DOM的语言。如果没有DOM,JavaScript根本没有Web页面和构成页面元素的概念。文档中的每个元素都是DOM的一部分,这就使得JavaScript可以访问元素的属性和方法。<br /> DOM独立于具体的编程语言,通常通过Jav转载 2010-10-18 15:46:00 · 1475 阅读 · 0 评论 -
JavaScript操作dom最常用到的属性方法
<br /><br /> <br /><br />属性:<br />1 Attributes 存储节点的属性列表(只读)<br />2 childNodes 存储节点的子节点列表(只读)<br />3 dataType 返回此节点的数据类型<br />4 Definition 以DTD或XML模式给出的节点的定义(只读)<br />5 Doctype 指定文档类型节点(只读)<br />6 documentElement 返回文档的根元素(可读写)<br />转载 2010-10-18 16:11:00 · 1104 阅读 · 0 评论 -
JS操作dom对象的入门(比较系统全面)
<br /><br />一、什么是DOM? <br /><br /> 什么叫DOM,DOM是文档对象模型(Document Object Model,是基于浏览器编程(在本教程中,可以说就是DHTML编程)的一套API接口,W3C出台的推荐标准,每个浏览器都有一些细微的差别,其中以Mozilla的浏览器最与标准接近。单纯的Javascript要结合DOM才能做DHTML编程,才能做出漂亮的效果、应用于WEB。这点几乎与其它的语言无异,正如C/C++需要库支持是一样的道理。否则就是单纯的在语法上做研究了。转载 2010-10-18 16:30:00 · 9078 阅读 · 0 评论 -
在MyEclipse中使用Aptana
Aptana是一个开发JavaScript的很好的ide,且aptana提供了eclpse的插件,用起来几乎很上手而且很简单、方便,没有理由不去爱它。但是在Eclipse下安装aptana总会遇到一些问题,笔者也一样遇到了许多问题。现在这里就做一个总结,安装aptana遇到的问题:1、安装以后必须有Firefox支持。因为aptana需要firefox的JavaScript调试工具做调试,因此如果你安装过了aptana之后系统没有安装firefox,那么,还是推荐你安装一个firefox吧。即使不用这个浏览转载 2010-12-21 12:10:00 · 970 阅读 · 0 评论 -
javascript小技巧(非常全)
<br /> <br />事件源对象 <br />event.srcElement.tagName <br />event.srcElement.type捕获释放 <br />event.srcElement.setCapture(); <br />event.srcElement.releaseCapture(); 事件按键 <br />event.keyCode <br />event.shiftKey <br />event.altKey <br />event.ctrlKey事件返回值 <br转载 2010-12-29 15:30:00 · 1574 阅读 · 0 评论 -
十个jQuery图片画廊插件推荐
<br />jQuery的画廊插件可以将分组图像和多媒体资料转成类似Flash的图像或照片。当幻灯片已经成为网站的重要组成部分,jQuery的重要性不能被忽视。下面为你介绍了10个最有美感,创新性和创造性的jQuery图片画廊插件: <br /><br />1.How to Create a Simple Slideshow using Mootools / JQuery <br />当我们想要在有限的屏幕空间展示很多内容,这要使用到幻灯片。幻灯片是最佳的可以展现大量的信息的方式。在这篇文章中我将展示使用M转载 2010-12-29 15:35:00 · 858 阅读 · 0 评论 -
js中的数组对象
.如何创建数组 2.如何对数组进行操作(添加,删除,读取) 3.数组常见方法和属性 如何创建一个数组,一般地根据初始化设定简单分为3种: 1.单纯创建数组: var arr=new Array(); 要点:用new关键字创建数组对象Array(),Array()对象是一个本地类,可以用new创建一个对象后使用 2.创建数组的同时规定数组大小: var arr=new Array(10);//这里就转载 2010-04-19 15:43:00 · 8246 阅读 · 0 评论 -
关于html中的Object标签
定义和用法定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数,以及可用来显示和操作数据的代码。 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现。浏原创 2010-04-19 15:09:00 · 2359 阅读 · 1 评论 -
javascript中的style对象
1 style对象中的属性与CSS中的使用的属性一一对应,只不过CSS中的是连接符号,而在标签里中连接符号去掉了并且第二个单词的首字首变为大写的形式了! 2 可以通过 "获得的对象".style.fontSize 来改变获得对象的字体的大小. 可以通过 "获得的对象".style.backgroundImage 来改变获得对象的背景图片. 可以通过 "获得的对象".sty原创 2008-12-10 23:07:00 · 1567 阅读 · 0 评论 -
Javascript中的String对象
1 在javascript中怎么创建一个String对象?如:var newstr="总有一天我会战胜自己";var newstr=new String("总有一天我会战胜自己"); 2自符串对象的最常用的属性length:它表示字符串中的字符个数,包括空格;(注意,在java中String对象拥有的是length()方法,数组才有这个length属性) 3 字符原创 2008-12-08 18:39:00 · 714 阅读 · 0 评论 -
当事件发生时,怎样调用类选择器
onMouseOver="this.className=类名";原创 2008-12-10 23:24:00 · 731 阅读 · 0 评论 -
动态时钟示例
动态时钟 function clock(){ var date=new Date(); var year=date.getYear(); var month=date.getMonth()+1; var day=date.getDay(); var hour=date.getHours(); var minutes=date.getMinutes(); var second=d原创 2008-12-08 18:45:00 · 865 阅读 · 0 评论 -
实现浮动广告的代码
http://www.w3.org/1999/xhtml">无标题文档 var initTop=0; function init(){ initTop=document.getElementById("picLayer").style.pixelTop; } function move(){ document.getElementById("picLayer").style.pixelT原创 2008-12-08 20:15:00 · 601 阅读 · 0 评论 -
javascript中substring()方法与substr()方法的区别
1 这两个方法都是String对象的方法 2 substr(start,length):返回一个从指定位置开始的指定长度的子字符串; substring(start,end):返回位于String 对象中指定位置的子字符串,子字符串中包括start位置的字符,不包括end位置上的字符! 3 substring方法使用 start 和 end 两者中的较小值作为子字符串的原创 2008-12-14 15:17:00 · 17036 阅读 · 0 评论 -
表单验证的内容
表单验证的内容非常多,以下举例(提醒表单验证时应注意的地方):1 验证是否有效或日期格式是否成确2 检查表单元素是否为空3 E-mail地址是否正确4 验证身份证号码5 验证用户名和密码6 验证字符串是否以指定的字符开头7 阻止不合法的表单提交 等等原创 2008-12-11 22:45:00 · 885 阅读 · 0 评论 -
两款极其优秀的脚本工具调试工具
1 Web Developer:用于firefox2 internet Explorer Developer Toolbar :用于IE原创 2008-12-11 23:14:00 · 475 阅读 · 0 评论 -
javascript中的String对象的split()的方法
stringObj.split(separator,limit)方法:将一个字符串分割为子字符串,然后将结果作为字符串数组返回 1 stringObj 必选项。要被分解的 String 对象或文字。该对象不会被 split 方法修改。2 separator 可选项。字符串或正则表达式对象,它标识了分隔字符串时使用的是一个还是多个字符。如果忽略该选项,返回包含整个字符串原创 2008-12-14 14:31:00 · 1868 阅读 · 0 评论 -
JS中利用String对象的方法进行电子邮件的验证
JS中利用String对象的方法进行电子邮件的验证 function check(){ var val=document.myform.email.value; //不能为空 if(val.length==0){ alert("不能为空"); return false; } //必须包含@符号,如果不包含的话返回-1 if(val.indexOf("@")==-1){ a原创 2008-12-17 09:44:00 · 3119 阅读 · 0 评论 -
JS中的style对象中的display属性和visibility属性的区别
一、 display属性的常用属性值有两个,分别为 1、none: 隐藏,不占位,空件之间重新定位 2、block: 显示二、 visibility属性的常用属性值有两个,分别为 1、hidden: 隐藏,占位 2、visible : 显示 示例:标题测试 function testVisibility()原创 2008-12-17 10:06:00 · 12346 阅读 · 0 评论 -
JS中的innerHTML和innerText
test1 test2在JS中可以使用:test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。 上例中的test.innerHTML的值也就是“test1 test2 ”。test.innerText: 从起始位置到终止位置的内容, 但它去除Html标签 上例中的text.innerTest的值也就是“test1 tes原创 2008-12-17 10:45:00 · 713 阅读 · 0 评论 -
如果没有提交按钮,怎么实现提交功能呀!!!
如果没有提交按钮,刚使用document对象中的form表单对象的onSubmit()方法来提交来现实. 示例:用图片代替提交按钮 注册 function check(){ if(document.myform.name.value==""){ alert("用户名不能为空"); document.myform.name.focus(); }el原创 2008-12-14 18:17:00 · 3037 阅读 · 0 评论 -
javascript中的Math对象
Math对象方法 Math.E 欧拉常数(E) Maht.LN2 2的自然对数 Math.LN10 10的自然对数 Math.LOG2E 以2为底的E的对数 Math.LOG10E 以10为底的E的对数 Math.PI 圆周率∏ Math.SQRT1_2 1/2的平方根 Math.SQRT2 2的平方根 Math.abs(x) 返回x的绝对原创 2008-12-14 19:42:00 · 620 阅读 · 0 评论 -
JS中,用回车键代替TAB键
用回车来进行切换功能 function check() { //keyCode是event事件的属性,对应键盘上的按键,回车键是13,tab键是9,其它的如果不知道 ,查keyCode大全 if(event.keyCode==13&&event.srcElement.type=="text") { //srcElement是触发事件的对象,type意思是什么类型原创 2008-12-18 21:57:00 · 12121 阅读 · 2 评论 -
导入外部JS文件和外部CSS文件以及定义样式表
1 导入外部js文件: 1. 2. 2 导入外部css文件: rel、stylesheet属性作用:首先,link标签是用于当前文档引用外部文档的,其次,这个标签的rel属性用于设置对象和链接目的间的关系,说白了就是指明你链进来的对象是个什么东西的. 3 定义样式表原创 2010-03-03 08:59:00 · 4890 阅读 · 0 评论 -
动态创建dom对象
<br /> 在我们实际的项目之中,相信有很多的朋友直接使用了以下的格式创建DOM元素<br /><script type="text/javascript"><br />document.getElementById("testDiv").innerHTML ="动态创建的div";</script><br />而且用的应该是还是乐此不疲,但是有多少人知道这是错误的做法!<br /><br />错误的原因:<br /><br />(1) 在页面加载时改变了页面的结构. 在IE6中如果网络变慢或者页面原创 2011-01-07 13:03:00 · 6514 阅读 · 1 评论