常用JS代码大全

常用JS代码大全
常用JS代码大全

常用JS代码大全

事件源对象

event.srcElement.tagName

event.srcElement.type

捕获释放event.srcElement.setCapture();

event.srcElement.releaseCapture();

事件按键event.keyCode

event.shiftKey

event.altKey

event.ctrlKey

事件返回值

event.returnValue

鼠标位置event.x

event.y

窗体活动元素document.activeElement

绑定事件

document.captureEvents(Event.KEYDOWN);

访问窗体元素document.all("txt").focus();

document.all("txt").select();

窗体命令document.execCommand

窗体COOKIE document.cookie

菜单事件

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"

自动刷新

简单邮件

快速转到位置obj.scrollIntoView(true)

anchors

网页传递参数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]

防止点击空链接时,页面往往重置到页首端。word

上一网页源

asp:

request.servervariables("HTTP_REFERER")

javascript.:

document.referrer

释放内存CollectGarbage();

禁止右键

document.oncontextmenu = function() { return false;}

禁止保存

禁止选取

favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下

收藏栏图标

查看源码

关闭输入法

自动全选

ENTER键可以让光标移到下一个输入框

文本框的默认值

title换行obj.title = "123 sdfs "

获得时间所代表的微秒var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()

窗口是否关闭win.closed

checkbox扁平

获取选中内容document.selection.createRange().duplicate().text

自动完成功能打开该功能

关闭该功能

关闭窗口window.close();

返回

history.back();

无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");

统一编码/解码alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))

encodeURIComponent对":"、"/"、";" 和"?"也编码

高级应用(一)

页面跳转:

window.location.href('地址')

window.open('地址', '_self')

打开新窗口:

window.open('地址', '_blank')

只显示地址栏:window.open('地址', 'title', 'location=1, height=200, width=500')

只显示状态栏:window.open('地址', 'title', 'status=1')

只显示工具栏:window.open('地址', 'title', 'toolbar=1')

只显示菜单栏:window.open('地址', 'title', 'menubar=1')

一个不少:window.open('地址', 'title)

光棍但可以调整大小:window.open('地址', 'title', 'resizable=1')

去掉所有空格:

Object.replace(/^\s+|\s+$/g, "")

屏蔽鼠标:

ncontextmenu="window.event.returnValue=false"

取消选取:

nselectstart="return false"

不允许粘贴:

npaste="return false"

关闭输入法:

不允许另存为:

得到上一页来源:

document.referrer

弹出窗口总在最上:

弹出确认对话框:

comfirm('文本')"

//获得控件的绝对位置(2)

oRect = obj.getBoundingClientRect();

oRect.left

oRect.

//最小化,最大化,关闭

//光标停在文字最后

function cc()

{

var e = event.srcElement;

var r =e.createTextRange();

r.moveStart('character',e.value.length);

r.collapse(true);

r.select();

}

//页面进入和退出的特效

进入页面

推出页面

这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使

用哪种特效,取值为1-23:

0 矩形缩小

1 矩形扩大

2 圆形缩小

3 圆形扩大

4 下到上刷新

5 上到下刷新

6 左到右刷新

7 右到左刷新

8 竖百叶窗

9 横百叶窗

10 错位横百叶窗

11 错位竖百叶窗

12 点扩散

13 左右到中间刷新

14 中间到左右刷新

15 中间到上下

16 上下到中间

17 右下到左上

18 右上到左下

19 左上到右下

20 左下到右上

21 横条

22 竖条

23

//网页是否被检索

其中属性值有以下一些:

属性值为"all": 文件将被检索,且页上链接可被查询;

属性值为"none": 文件不被检索,而且不查询页上的链接;

属性值为"index": 文件将被检索;

属性值为"follow": 查询页上的链接;

属性值为"noindex": 文件不检索,但可被查询链接;

属性值为"nofollow":

//打印分页

page1

page2

//设置打印

function window.onload()

{

// -- advanced features

factory.printing.SetMarginMeasure(2) // measure margins in inches

factory.printing.SetPageRange(false, 1, 3) // need pages from 1 to 3

factory.printing.printer = "HP DeskJet 870C"

factory.printing.copies = 2

factory.printing.collate = true

factory.printing.paperSize = "A4"

factory.printing.paperSource = "Manual feed"

// -- basic features

factory.printing.header = "居左显示&b居中显示&b居右显示页码,第&p页/共&P页"

factory.printing.footer = "(自定义页脚)"

factory.printing.portrait = false

factory.printing.leftMargin = 0.75

factory.printing.topMargin = 1.5

factory.printing.rightMargin = 0.75

factory.printing.bottomMargin = 1.5

}

function Print(frame) {

factory.printing.Print(true, frame) // print with prompt

}


具体使用手册,更多信息,点这里

//自带的打印预览

WebBrowser.ExecWB(1,1) 打开

Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口

Web.ExecWB(4,1) 保存网页

Web.ExecWB(6,1) 打印

Web.ExecWB(7,1) 打印预览

Web.ExecWB(8,1) 打印页面设置

Web.ExecWB(10,1) 查看页面属性

Web.ExecWB(15,1) 好像是撤销,有待确认

Web.ExecWB(17,1) 全选

Web.ExecWB(22,1) 刷新

Web.ExecWB(45,1) 关闭窗体无提示

.Noprint{display:none;}

.PageNext{page-break-after: always;}

//去掉打印时的页眉页脚

//浏览器验证

function checkBrowser()

{

this.ver=navigator.appVersion

this.dom=document.getElementById?1:0

this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;

this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;

this.ie4=(document.all && !this.dom)?1:0;

this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;

this.ns4=(https://www.360docs.net/doc/6211826603.html,yers && !this.dom)?1:0;

this.mac=(this.ver.indexOf('Mac') > -1) ?1:0;

this.ope=(https://www.360docs.net/doc/6211826603.html,erAgent.indexOf('Opera')>-1);

this.ie=(this.ie6 || this.ie5 || this.ie4)

this.ns=(this.ns4 || this.ns5)

this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns5 || this.ns4 || this.mac || this.ope)

this.nbw=(!this.bw)

return this;

}

//计算内容宽和高

//无模式的提示框function modelessAlert(Msg)

{

window.showModelessDialog("javascript.:alert(\""+escape(Msg)+"\");window.close();","","status: no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;");

}

//屏蔽按键

屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键

//Author: meizz(梅花雨) 2002-6-18

function document.oncontextmenu(){event.returnValue=false;}//屏蔽鼠标右键

function window.onhelp(){return false} //屏蔽F1帮助

function document.onkeydown()

{

if ((window.event.altKey)&&

((window.event.keyCode==37)|| //屏蔽Alt+ 方向键←

(window.event.keyCode==39))) //屏蔽Alt+ 方向键→

{

alert("不准你使用ALT+方向键前进或后退网页!");

event.returnV alue=false;

}

/* 注:这还不是真正地屏蔽Alt+ 方向键,

因为Alt+ 方向键弹出警告框时,按住Alt 键不放,

用鼠标点掉警告框,这种屏蔽方法就失效了。以后若

有哪位高手有真正屏蔽Alt 键的方法,请告知。*/

if ((event.keyCode==8) || //屏蔽退格删除键

(event.keyCode==116)|| //屏蔽F5 刷新键

(event.ctrlKey && event.keyCode==82)){ //Ctrl + R

event.keyCode=0;

event.returnV alue=false;

}

if(event.keyCode==122){event.keyCode=0;event.returnValue=false;} //屏蔽F11

if (event.ctrlKey && event.keyCode==78) event.returnValue=false; //屏蔽Ctrl+n

if (event.shiftKey && event.keyCode==121)event.returnValue=false; //屏蔽shift+F10

if (window.event.srcElement.tagName == "A" && window.event.shiftKey)

window.event.returnValue = false; //屏蔽shift 加鼠标左键新开一网页if ((window.event.altKey)&&(window.event.keyCode==115)) //屏蔽Alt+F4 {

window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");

return false;

}

}

屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键

//屏蔽打印

//移动的图层,拖动

1.meizz

var Obj;

function MouseDown(obj)

{

Obj=obj;

Obj.setCapture();

Obj.l=event.x-Obj.style.pixelLeft;

Obj.t=event.y-Obj.style.pixelTop;

}

function MouseMove()

{

if(Obj!=null)

{

Obj.style.left = event.x-Obj.l;

Obj.style.top = event.y-Obj.t;

}

}

function MouseUp()

{

if(Obj!=null)

{

Obj.releaseCapture();

bj=null;

}

}

2.

var orgMouseX;

var orgMouseY;

var orgObjX;

var orgObjY;

function doDrag()

{

var myObject=document.all.myDiv;

var x=event.clientX;

var y=event.clientY;

myObject.style.left=x-(orgMouseX-orgObjX);

myObject.style.top=y-(orgMouseY-orgObjY);

}

function doMouseDown()

{

orgMouseX=event.clientX;

orgMouseY=event.clientY;

orgObjX=parseInt(document.all.myDiv.style.left);

orgObjY=parseInt(document.all.myDiv.style.top);

}

//文档状态改变

//刷新后不变的文本框

//访问剪贴板

event.dataTransfer.setData("URL", oImage.src);

sImageURL = event.dataTransfer.getData("URL")

(2)普通访问

window.clipboardData.setData("Text",oSource.innerText);

window.clipboardData.getData("Text");

//操作COOKIE

function SetCookie(sName, sValue)

{

document.cookie = sName + "=" + escape(sV alue) + "; ";

}

function GetCookie(sName)

{

var aCookie = document.cookie.split("; ");

for (var i=0; i < aCookie.length; i++)

{

var aCrumb = aCookie.split("=");

if (sName == aCrumb[0])

return unescape(aCrumb[1]);

}

}

function DelCookie(sName)

{

document.cookie = sName + "=" + escape(sValue) + "; expires=Fri, 31 Dec 1999 23:59:59 GMT;"; }

//setTimeout增加参数

//自定义的apply,call

Function.prototype.apply = function (obj, argu) {

if (obj) obj.constructor.prototype._caller = this;

var argus = new Array();

for (var i=0;i

argus = "argu[" + i + "]";

var r;

eval("r = " + (obj ? ("obj._caller(" + argus.join(",") + ");") : ("this(" + argus.join(",") + ");"))); return r;

};

Function.prototype.call = function (obj) {

var argu = new Array();

for (var i=1;i

argu[i-1] = arguments;

return this.apply(obj, argu);

};

//下载文件

function DownURL(strRemoteURL,strLocalURL)

{

try

{

var xmlHTTP=new ActiveXObject("Microsoft.XMLHTTP");

xmlHTTP.open("Get",strRemoteURL,false);

xmlHTTP.send();

var adodbStream=new ActiveXObject("ADODB.Stream");

adodbStream.Type=1;//1=adTypeBinary

adodbStream.Open();

adodbStream.write(xmlHTTP.responseBody);

adodbStream.SaveToFile(strLocalURL,2); adodbStream.Close();

adodbStream=null;

xmlHTTP=null;

}

catch(e)

{

window.confirm("下载URL出错!");

}

//window.confirm("下载完成.");

}

//检验连接是否有效

function getXML(URL)

{

var xmlhttp = new ActiveXObject("microsoft.xmlhttp"); xmlhttp.Open("GET",URL, false);

try

{

xmlhttp.Send();

}

catch(e){}

finally

{

var result = xmlhttp.responseText;

if(result)

{

if(xmlhttp.Status==200)

{

return(true);

}

else

{

return(false);

}

}

else

{

return(false);

}

}

}

Javascript弹窗代码大全(收集)

弹窗代码大全(收集) 以下包括强制弹窗 24小时IP弹窗延时弹窗退弹等 我们使用cookie来控制一下就可以了。 首先,将如下代码加入主页面html的区: 然后,用(注意不是openwin而是loadpop啊!)替换主页面中原有的这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的pop-only-once! 写到这里弹出窗口的制作和应用技巧基本上算是完成了,俺也累坏了,一口气说了这么多,希望对正在制作网页的朋友有所帮助俺就非常欣慰了。 需要注意的是,js脚本中的的大小写最好前后保持一致。 3.一个强制弹窗代码 一个强制弹窗代码 /**

javascript常用代码大全

Javascript常用代码大全 //打开模式对话框 //返回模式对话框的值 function okbtn_onclick() { var commstr=''; window.returnValue=commstr; window.close() ; } okbtn_onclick() //全屏幕打开IE 窗口 var winWidth=screen.availWidth ; var winHeight=screen.availHeight-20; window.open("main.aspx","surveyWindow","toolbar=no,wid th="+ winWidth +",height="+ winHeight +",top=0,left=0,scrollbars=yes,resizable=yes,center:yes,statu sbars=yes"); //脚本中中使用xml function initialize() { var xmlDoc var xslDoc xmlDoc = new ActiveXObject('Microsoft.XMLDOM') xmlDoc.async = false; xslDoc = new ActiveXObject('Microsoft.XMLDOM') xslDoc.async = false; xmlDoc.load("tree.xml") xslDoc.load("tree.xsl") folderTree.innerHTML = xmlDoc.documentElement.transformNode(xslDoc) } 一、验证类 1、数字验证内 1.1 整数 1.2 大于0的整数(用于传来的ID的验证) 1.3 负整数的验证 1.4 整数不能大于iMax 1.5 整数不能小于iMin 2、时间类 2.1 短时间,形如(13:04:06) 2.2 短日期,形如(2003-12-05) 2.3 长时间,形如(2003-12-05 13:04:06) 2.4 只有年和月。形如(2003-05,或者2003-5) 2.5 只有小时和分钟,形如(12:03) 3、表单类 3.1 所有的表单的值都不能为空 3.2 多行文本框的值不能为空。 3.3 多行文本框的值不能超过sMaxStrleng 3.4 多行文本框的值不能少于sMixStrleng 3.5 判断单选框是否选择。 3.6 判断复选框是否选择. 3.7 复选框的全选,多选,全不选,反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全部由a-Z或者是A-Z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字,下划线,点号组成.且开头的只能是下划线和字母 4.4 字符串替换函数.Replace(); 5、浏览器类 5.1 判断浏览器的类型 5.2 判断ie的版本 5.3 判断客户端的分辨率 6、结合类 6.1 email的判断。 6.2 手机号码的验证 6.3 身份证的验证 二、功能类 1、时间与相关控件类 1.1 日历 1.2 时间控件 1.3 万年历 1.4 显示动态显示时钟效果(文本,如OA中时间) 1.5 显示动态显示时钟效果(图像,像手表) 2、表单类 2.1 自动生成表单 2.2 动态添加,修改,删除下拉框中的元素 2.3 可以输入内容的下拉框 2.4 多行文本框中只能输入iMax文字。如果多输入了,自动减少到iMax个文字(多用于短信发送) 3、打印类 3.1 打印控件 4、事件类 4.1 屏蔽右键 4.2 屏蔽所有功能键 4.3 --> 和<-- F5 F11,F9,F1 4.4 屏蔽组合键ctrl+N 5、网页设计类 5.1 连续滚动的文字,图片

JS中的常用语句

1.document.write( " "); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document- >html- >(head,body) 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById( "表单中元素的ID號 ").name(或value) 6.一个小写转大写的JS: document.getElementById( "output ").value = document.getElementById( "input ").value.toUpperCase(); 7.JS中的值类型:String,Number,Boolean,Null,Object,Function 8.JS中的字符型转换成数值型:parseInt(),parseFloat() 9.JS中的数字转换成字符型:( " " 变量) 10.JS中的取字符串长度是:(length) 11.JS中的字符与字符相连接使用號. 12.JS中的比较操作符有:==等于,!=不等于, >, >=, <. <= 13.JS中声明变量使用:var来进行声明 14.JS中的判定语句结构:if(condition){}else{} 15.JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop} 16.循环中止的命令是:break 17.JS中的函数定义:function functionName([parameter],...){statement[s]} 18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替. 19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self 20.状態栏的设置:window.status= "字符 "; 21.弹出提示信息:window.alert( "字符 "); 22.弹出確认框:window.confirm(); 23.弹出输入提示框:window.prompt(); 24.指定当前显示链接的位置:window.location.href= "URL " 25.取出窗体中的所有表单的数量:document.forms.length 26.关闭文档的输出流:document.close(); 27.字符串追加连接符: = 28.创建一个文档元素:document.createElement(),document.createTextNode() 29.得到元素的方法:document.getElementById() 30.设置表单中所有文本型的成员的值为空: var form = window.document.forms[0] for (var i = 0; i

js常用总结

JavaScript的内部对象: (1) Object (2) String (3) Math (4) Date (5) toString JavaScript 代码放在另一个单独的文件里,然后在网页(HTML文件)中使用“SRC= 此单独文件的路径/地址(URL)”来使用此单独文件里的JavaScript 程序代码。一般将这个单独的文件保存为扩展名为.JS 的文件: JS - 常用語句 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是: document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是: window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值: document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大写的JS: document.getElementById("output").value=document.getElementById("input").value.toUpperCa se(); 7.JS中的值类型: String,Number,Boolean,Null,Object,Function 8.JS中的字符型转换成数值型: parseInt(),parseFloat() 9.JS中的数字转换成字符型: ("" 变量) 10.JS中的取字符串长度是: (length) 11.JS中的字符与字符相连接使用号. 12.JS中的比较操作符有: == 等于,!=不等于,>,>=,<.<= 13.JS中声明变量使用: var 来进行声明 14.JS中的判断语句结构: if(condition){}else{} 15.JS中的循环结构: for([initial expression];[condition];[upadte expression]) {inside loop} 16.循环中止的命令是: break 17.JS中的函数定义:

js复习资料(选择题)

关于引入JavaScript不正确的描述是( a)。 A. 包含于

标记对,然后嵌入到HTML文档中(嵌入对是>) B. 9. 防止被人frame 10. 网页将不能被另存为 11. 12.删除时确认 删 除 13. 取得控件的绝对位置 //javascript //VBScript =====javascript中弹出提示框跳转到其他页面===== ================================= 按钮式: 链接式: 返回上一步 ">返回上一步 直接跳转式: 开新窗口:

Javascript特效代码大全(420个)

Javascript特效代码大全(420个) Javascript 特效代码 ├Cookie脚本├随访问次数变提示├集成Cookies ├使窗口仅弹出一次├签名提示程序├记录上次登录时间├自由控制打开窗口├记录页面修改时间├检测IE去过站点├离开时显示信息├弹出窗口自动关闭├离开页面弹出窗口├进入时显示信息├离开启动收藏夹├链接确认按钮├点击加入收藏夹├记录页面更新时间├页面载入等待├打开硬盘驱动器├设置默认首页├输入框测试警告├链接弹出警告框├关闭窗口链接├显示器分辨率检测├按分辨率导航├定制打开的窗口├控制窗口打开日期├打开窗口居中├输入框控制├查看输入框内容├显示所有链接├限时载入页面├输入框神秘消失├检测访问来源├回退的页面数├危险的链接├倒计时载入页面├自由打开窗口├检测IE所装插件├检测点链接速度├检测健康程度?├页面中打开窗口├特殊的Bookmark ├窗口打开关闭程序├随机显示一些数字├页面自动打开├进入弹出收藏夹├自动显示是否更新├浏览器详

细报告 ├ 页面背景类├背景向下移动├背景不停变换色彩├使页面产生百叶窗├颜色代码英文集├自已选择背景颜色├背景颜色安全测试├颜色选择器├背景图片居中├页面转换特效├礼花背景├链接驱动背景色├手动调节背景色├鼠标使链接变色├跟随鼠标旋转背景├背景调色板├RGB颜色转换 ├按钮驱动背景├颜色选择器├精彩的变色文字├颜色选择器├闪烁的霓虹灯├星星从背景中飞出├背景向下移动(二) ├动态选择背景色├下雨├按钮驱动背景变化├按钮使背景闪烁├背景随机显示├背景快速闪烁├自己选择背景图片 ├ 文本特效类├随机信息显示├随机文本链接├所有链接不停变色├鼠标经过文字变色├随日期变换文本├文字颜色渐变脚本├文本自动输出├文字特效├文字不停变色├字符连续消隐├公告栏

常用代码合集新手必看

=在5d6d免费论坛添加广告代码的方法大全【Discuz6.0.0版】 一、在5d6d论坛所有页面顶部banner位(Logo右侧)添加广告代码 1、系统设置---基本设置---基本设置---网站备案信息代码 添加代码 2、系统设置---基本设置--搜索引擎优化---其它头部信息 添加代码

三、在5d6d论坛帖子页面一楼正文的上方添加广告代码 1、系统设置---基本设置---基本设置---网站备案信息代码 添加代码 2、系统设置---基本设置--搜索引擎优化---其它头部信息 添加代码 以上修改中的3_0改成3_1(共四处)既是添加到2楼的相同位置,改成3_2既是添加到3楼的相同位置,依此类推...... 四、在5d6d论坛帖子页面一楼正文的右侧添加广告代码 1、系统设置---基本设置---基本设置---网站备案信息代码 添加代码 9. 防止被人frame 10. 网页将不能被另存为 11.查看网页源代码 12. 光标是停在文本框文字的最后