javascript 应用小技巧方法汇总

JavaScript 前端之家
前端之家收集整理的这篇文章主要介绍了javascript 应用小技巧方法汇总，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

javascript 在前端应用体验小技巧继续积累。

菜单事件 document.oncontextmenu 创建元素 document.createElement("SPAN"); 根据鼠标获得元素： document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint(event.x,event.y).appendChild(ms) 窗体图片 document.images[索引] 窗体事件绑定 document.onmousedown=scrollwindow; 元素 document.窗体.elements[索引] 对象绑定事件 document.all.xxx.detachEvent('onclick',a); 插件数目 navigator.plugins 取变量类型 typeof($js_libpath) == "undefined" 下拉框 下拉框.options[索引] 下拉框.options.length 查找对象 document.getElementsByName("r1"); document.getElementById(id); 定时 timer=setInterval('scrollwindow()',delay); clearInterval(timer); UNCODE编码 escape(),unescape 父对象 obj.parentElement(dhtml) obj.parentNode(dom) 交换表的行 TableID.moveRow(2,1) 替换CSS document.all.csss.href = "a.css"; 并排显示 display:inline 隐藏焦点 hidefocus=true 根据宽度换行 style="word-break:break-all" 自动刷新 <Meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net"> 简单邮件 网页传递参数 location.search(); 可编辑 obj.contenteditable=true 执行菜单命令 obj.execCommand 双字节字符 /[^\x00-\xff]/ 汉字 /[\u4e00-\u9fa5]/ 让英文字符串超出表格宽度自动换行word-wrap: break-word; word-break: break-all; 透明背景 获得style内容 obj.style.cssText HTML标签 document.documentElement.innerHTML 第一个style标签 document.styleSheets[0] style标签里的第一个样式 document.styleSheets[0].rules[0] 防止点击空链接时，页面往往重置到页首端。 上一网页源 asp: request.servervariables("HTTP_REFERER") javascript: document.referrer 释放内存 CollectGarbage(); 禁止右键document.oncontextmenu = function() { return false;} 禁止保存

//刷新后不变的文本框

<Meta NAME="save" CONTENT="history">

//访问剪贴板

(1)拖拽访问

//操作COOKIE

//setTimeout增加参数

代码如下:
var _st = window.setTimeout; window.setTimeout = function(fRef,mDelay) { if(typeof fRef == 'function'){ var argu = Array.prototype.slice.call(arguments,2); var f = (function(){ fRef.apply(null,argu); }); return _st(f,mDelay); } return _st(fRef,mDelay); } function test(x){ alert(x); } window.setTimeout(test,1000,'fason');

//自定义的apply,call

代码如下:

//下载文件

代码如下:

//检验连接是否有效

代码如下:
//POST代替FORM

代码如下:

//readyState是xmlhttp返回数据的进度，0=载入中,1=未初始化,2=已载入,3=运行中,4=完成

//组件是否安装 isComponentInstalled("{6B053A4B-A7EC-4D3D-4567-B8FF8A1A5739}","componentID"))

//检查网页是否存在

代码如下:

//连接数据库

代码如下:
数据库的代码示例 var conn = new ActiveXObject("ADODB.Connection"); conn.Open("Provider=sqlOLEDB.1; Data Source=localhost; User ID=sa; " +"Password=; Initial Catalog=pubs"); var rs = new ActiveXObject("ADODB.Recordset"); var sql="select * from authors"; rs.open(sql,conn); shtml = ""; shtml +="

//使用数据岛

代码如下:
srno： times： IoUs()"> 添加新记录" onclick="xmldate.recordset.addNew()"> 20041025-01null 20041101-092004年10月1日2点22分0秒
//获得参数

代码如下:
//可编辑SELECT

代码如下:

//设置光标位置

代码如下:
Box) { var control = document.activeElement; textBox.focus(); var rang = document.selection.createRange(); rang.setEndPoint("StartToStart",textBox.createTextRange()) control.focus(); return rang.text.length; } function setCaret(textBox,pos) { try { var r =textBox.createTextRange(); r.moveStart('character',pos); r.collapse(true); r.select(); } catch(e) {} } function selectLength(textBox,start,len) { try { var r =textBox.createTextRange(); r.moveEnd('character',len-(textBox.value.length-start)); r.moveStart('character',start); r.select(); } catch(e) {//alert(e.description)} } function insertAtCaret(textBox,text) { textBox.focus(); document.selection.createRange().text = text; }
//页内查找

代码如下:
0) { n = 0; findInPage(str); } else { alert(str + "... 您要找的文字不存在。\n \n请试着输入页面中的关键字再次查找！"); } } return false; }

//操作EXECL

代码如下:
//自定义提示条

//插入文字

代码如下:
插入文字"); } }

//netscapte下操作xml

doc = new ActiveXObject("Msxml2.DOMDocument"); doc = new ActiveXObject("Microsoft.XMLDOM") ->> doc = (new DOMParser()).parseFromString(sXML,'text/xml')

//判断键值

代码如下:
<Meta http-equiv="Content-Type" content="text/html; charset=gb2312">

//图象按比例

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+"×"+image.height; } else{ if(image.height>iheight){ ImgD.height=iheight; ImgD.width=(image.width*iheight)/image.height; }else{ ImgD.width=image.width; ImgD.height=image.height; } ImgD.alt=image.width+"×"+image.height; } } } //-->

//细线SELECT

//Import

'); else document.write('