摘要: javascript通过className获取文件元素在 JavaScript 内建的核心中，document 物件及 Element 物件总共可以透过三个方式来获取其下的元素，分别是:getElementById('id')getElementsByName('name')getElementsByTagName('tag')这些方法就跟它们的名字一样，分别是依照 id, name, tag 来获取元素。 因在同一份文件中，id 是具有唯一性的，所以 getElementById(id) 的回传值是单一物件可以直接使用；而其他则会传回一个依照具阅读全文
posted @ 2012-05-31 12:00 o0三石0o 阅读(2) 评论(0) 编辑
摘要: 两个div并排，左边为绝对宽度，右边为相对宽度，这个问题，我也经常遇到，我一般的处理方法是将最大的容器padding-left固定宽度，左边的固定宽度的一块position:absolute，然后right的一块width为百分百今天学习到人家有三种解决方法，转载过来 两个div并排，很容易实现。如何让左边的div为固定宽度，右边的div为相对宽度呢？需要用到这种布局的情况比较多见，如左边为导航，右边为内容的页面。暂时想到了两种实现办法。方法一，使用position:absolute。代码如下。<style>body{ margin:0; height:100%}html{ hei阅读全文
posted @ 2012-05-24 17:52 o0三石0o 阅读(15) 评论(0) 编辑
摘要: 1. 长度限制：﹤ script ﹥function test() {if(document.a.b.value.length﹥50){alert("不能超过50个字符！");document.a.b.focus();return false;}}﹤/ script ﹥﹤form name=a onsubmit="return test()"﹥﹤textarea name="b" cols="40" wrap="VIRTUAL" rows="6"﹥﹤/textarea﹥﹤in阅读全文
posted @ 2012-05-03 10:41 o0三石0o 阅读(53) 评论(0) 编辑
摘要: <!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> <style type="text/css"> #sha阅读全文
posted @ 2012-04-27 10:43 o0三石0o 阅读(14) 评论(0) 编辑
摘要: 认识S君和D小姐的时候，他们还没有谈恋爱，那时候S君和D小姐在一个办公室，渐渐的爱上了，也不做声，每天在网上没事儿人似的聊天，我和S君说话比较多，有一天他半夜告知我此事，这两个都是低调，单纯而朴实，我心中喜欢的好孩子，听到这个消息，特别为他们高兴。我还记得S君当时可爱的样子，这是两个人的初恋。后来一段工作结束了，S君家境普通，没什么背景，就提出到别的城市去闯一闯，看一看，D小姐二话没说，打包了行李就跟他走了。一晃几年过去，有一次我途径他们共同生活工作的城市，看望他们并在他家小住，D小姐的变化令我吃惊，从前是个还有些婴儿肥的毛丫头，现在已经出落得亭亭玉立，颇有女人味了。S君的变化到不大，还是一副阅读全文
posted @ 2012-04-26 18:06 o0三石0o 阅读(28) 评论(0) 编辑
摘要: function addClass(element,value){ if (!element.className) { element.className = value; } else { newClassName = element.className; newClassName += ""; newClassName += value; element.className = newClassName; }}由于 js的 className 设置某个元素的class属性值将被替换掉，而不是追加，所以就有了这个函数来实现这个功能 也可以用setAttribute()方法阅读全文
posted @ 2012-04-25 23:39 o0三石0o 阅读(32) 评论(0) 编辑
摘要: 一、DOM基础1.节点(node)层次Document－－最顶层的节点，所有的其他节点都是附属于它的。DocumentType－－DTD引用（使用<!DOCTYPE>语法）的对象表现形式，它不能包含子节点。DocumentFragment－－可以像Document一样来保存其他节点。Element－－表示起始标签和结束标签之间的内容，例如<tag></tab>或者<tag/>。这是唯一可以同时包含特性和子节点的节点类型。Attr－－代表一对特性名和特性值。这个节点类型不能包含子节点。Text－－代表XML文档中的在起始标签和结束标签之间，或者CD阅读全文
posted @ 2012-04-25 22:27 o0三石0o 阅读(1266) 评论(0) 编辑
摘要: function getNextElement(node){ if (node.nodeType == 1) return node; if (node.nextSibling) return getNextElement(node.nextSibling); return null;}关于浏览器对于换行符等理解成文本节点的问题，这个文章有详细讲解浏览器对换行符理解成文本节点的原因研究<!DOCTYPE html><html><head><meta charset="utf-8" /><title>javascri阅读全文
posted @ 2012-04-25 22:14 o0三石0o 阅读(74) 评论(0) 编辑
摘要: 故事一：背景介绍：RT是一个外包公司，ZWZX是项目承接公司，YD是甲方。RT公司每天下班的时候都会接到ZWZX负责人的电话，询问一天的工作情况，然后布置任务要求晚上加班做完，RT公司的员工很无奈也很气愤因为每天都要加班，员工们就问项目经理：“为什么天天加班赶需求，今天才提一个需求，明天就要上线，还让不让人活了?” 项目经理无奈的说：“我有什么办法啊？这是人家ZWZX负责人说的啊，对方逼得紧。”多次以后项目经理也忍不住了，就问ZWZX的负责人怎么天天这样啊，ZWZX的负责人就说了:”明天就要向YD的负责人展示这个页面，我也没有办法啊？YD那边老总就是这么要求的，我怎么办，我也不想这样啊？”然后阅读全文
posted @ 2012-04-24 10:30 o0三石0o 阅读(43) 评论(0) 编辑
摘要: <!doctype html><html lang="en"><head><title>Fancy Slideshow Navigation Using jQuery (demo)</title><style type="text/css">#slideshow { width: 900px; height: 500px; overflow: hidden; position: relative; margin: 0 auto; top: 20px;}#slideshow-reel 阅读全文
posted @ 2012-04-24 09:20 o0三石0o 阅读(20) 评论(0) 编辑