![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端开发
rainyjune
这个作者很懒,什么都没留下…
展开
-
JavaScript 获取HTML文档节点的6种方式
HTML文档中含有如下内容: Name:通过 javascript 访问此 Form 节点的方式是: window.onload=function(){ // First alert(d原创 2011-10-17 10:52:29 · 758 阅读 · 0 评论 -
得到鼠标选择的文字
function getSelectedText() { if (window.getSelection) return window.getSelection().toString(); if (document.getSelection) return document.getSelection(); if (document.selection) return doc原创 2011-11-01 14:08:49 · 309 阅读 · 0 评论 -
getElementsByClassName
function isMember(element,className){ var classes=element.className; if(!classes){ return false; } if(classes==className){ return true; } var whiteSpace=/\s+/; if转载 2011-11-03 15:05:19 · 316 阅读 · 0 评论 -
JavaScript:按字母排序列表的元素
/** * @param string ul * */ function sortLis(ul){ var u=document.getElementById(ul); var lis=u.getElementsByTagName('li'); var tmp=[]; for(var i=0;i<lis.length;i++){转载 2011-11-03 15:39:48 · 1254 阅读 · 0 评论 -
反转 HTML 元素的子节点
/** * @param Element_Node n */ function reverse(n){ var fragment=document.createDocumentFragment(); while(n.lastChild){ fragment.appendChild(n.lastChild); } n.appendChi转载 2011-11-03 17:12:22 · 393 阅读 · 0 评论 -
将节点下所有文字变为大写
function myUpperCase(n){ if(n.nodeType==3){ n.data=n.data.toUpperCase(); }else{ for(var f=n.firstChild;f!=null;f=f.nextSibling){ myUpperCase(f); } } }转载 2011-11-03 15:53:40 · 336 阅读 · 0 评论 -
得到页面偏移位置(滚动条偏移位置)
/** * 得到页面偏移位置(滚动条偏移位置) * */ function getPageOffset(){ var pageOffset={}; if(window.innerWidth){ pageOffset.x=window.pageXOffset; pageOffset.y=window.pageYOffset;转载 2011-11-08 14:38:14 · 1330 阅读 · 0 评论 -
得到文档的尺寸
/** * 得到document的尺寸 * @return object */ function getDocumentSize(){ var size={}; if(document.documentElement && document.documentElement.scrollWidth){ size.width=document.转载 2011-11-08 14:51:59 · 293 阅读 · 0 评论 -
得到 URL 中的 query 参数
function getArguments(){ var args={}; var query=window.location.search.substring(1); var pairs=query.split("&"); for(var i=0;i<pairs.length;i++){ var pos=pairs[i].indexOf('=');转载 2011-11-08 11:43:36 · 3599 阅读 · 0 评论 -
鼠标的位置
function getMousePosition(e){ var e = e || window.event; var x = 0, y = 0; if (e.pageX || e.pageY) { x = e.pageX; y = e.pageY; } else if (e.clientX || e.clientY) { x = e.clientX + document.b转载 2011-11-02 20:05:32 · 452 阅读 · 0 评论 -
HTML 元素透明度
.translucent { /* this class makes a window partially transparent */ opacity: .75; /* Standard style for transparency */ -moz-opacity: .75; /* Transparency for older Moz原创 2011-10-27 17:47:12 · 590 阅读 · 0 评论 -
图片与文字的混排版,图片在文字后
Background image test p#footer { color:#767676; font-size:.77em; } p#footer a{ background:url(http://www.google.cn/intl/zh-CN_cn/images/cn_icp.gif) top right no-repeat; pad原创 2011-10-27 17:10:39 · 495 阅读 · 0 评论 -
得到指定节点下的图片
/*** * 得到指定节点下的图片,不包含子节点下的图片 * @author rainyjune * @param node * @return array原创 2011-10-17 11:38:28 · 296 阅读 · 0 评论 -
document.getElementsByClassName For IE
IE 6 不支持 document.getElementsByClassName ,如下是模拟函数:function getElementsByClassName(classname){ var d=document; var e=d.getElementsByTagName('*'); var原创 2011-10-22 14:16:58 · 1851 阅读 · 0 评论 -
将指定节点下的子节点倒序排列
/*** * 将指定节点下的子节点倒序排列 * @author rainyjune * @version 2011-10-26 * @param Node */ function reverseChildNodes(n){ var f=document.createDocumentFragment(); while(n.lastChild){原创 2011-10-26 16:38:09 · 453 阅读 · 0 评论 -
可怜的 DOM Level 2 事件模型
DOM Level 2 事件模型很诱人,提供了更方便更灵活的方式处理事件。但 IE 不支持它, IE 有独有的事件处理机制,同时IE不支持第一阶段 capture phase。在另一个阵营,支持 DOM Level 2 事件模型的各种浏览器中,它们对事件处理的不一致让开发者陷入困惑中,特别是上图中的第一阶段 capture phase 。若为一个元素注册了多个函数, DOM 标准无法保证它原创 2011-11-15 13:32:32 · 468 阅读 · 0 评论 -
拖拽文档元素
function stopEvent(evnt){ if(evnt.stopPropagation){ evnt.stopPropagation(); }else{ evnt.cancelBubble=true; } } function stopDefault(evnt){ if(evnt.preventDefault){ evnt.preventDefault(); } e转载 2011-11-16 10:12:49 · 390 阅读 · 0 评论 -
HTML 页面中 DIV 居中技巧
html { background-color:#fff; margin:0 1em; } body { text-align:center; } div { border:1px solid #ccc; margin:2em auto 1em; max-width:650px; min-width:544px;原创 2011-10-27 16:31:11 · 2652 阅读 · 0 评论 -
HTML 页面 DIV 边框圆角
div { border:1px solid #ccc; margin:2em auto 1em; max-width:650px; min-width:544px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }原创 2011-10-27 16:33:49 · 20936 阅读 · 0 评论 -
鼠标事件发生时元素的定位
1.screenX 鼠标事件触发时相对于屏幕的水平坐标2.screenY 鼠标事件触发时相对于屏幕的垂直坐标3.clientX 鼠标事件触发时相对于浏览器内窗口的水平坐标4.clientY 鼠标事件触发时相对于浏览器内窗口的垂直坐标原创 2011-11-14 09:56:50 · 430 阅读 · 0 评论