网页教学网整理的Javascript的技巧代码

kobe罂粟

kobe罂粟

2016-02-20 00:40

今天图老师小编要向大家分享个网页教学网整理的Javascript的技巧代码教程,过程简单易学,相信聪明的你一定能轻松get!

事件源对象

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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"
 
自动刷新

meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://www.webjx.com"

简单邮件

a  href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy" 

快速转到位置

obj.scrollIntoView(true)

a name="first"
a href="#first"anchors/a

网页传递参数

location.search();

可编辑

obj.contenteditable=true

执行菜单命令

obj.execCommand

双字节字符

/[^x00-xff]/

汉字

/[u4e00-u9fa5]/

让英文字符串超出表格宽度自动换行

word-wrap: break-word; word-break: break-all;

透明背景

IFRAME src="1.htm" width=300 height=180 allowtransparency/iframe

获得style内容

obj.style.cssText

HTML标签

document.documentElement.innerHTML

第一个style标签

document.styleSheets[0]

style标签里的第一个样式

document.styleSheets[0].rules[0]

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

a href="javascript:function()"word/a

上一网页源

asp:

request.servervariables("HTTP_REFERER")

javascript:

document.referrer

释放内存

CollectGarbage();

禁止右键

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

禁止保存

noscriptiframe src="*.htm"/iframe/noscript

禁止选取

body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()

禁止粘贴

input type=text onpaste="return false"

地址栏图标

link rel="Shortcut Icon" href="favicon.ico"

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

收藏栏图标

link rel="Bookmark" href="favicon.ico"

查看源码

input type=button value=查看网页源代码 onclick="window.location = 'view-source:'+ 'http://www.webjx.com/'"

关闭输入法

input style="ime-mode:disabled"

自动全选

input type=text name=text1 value="123" onfocus="this.select()"

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

input onkeydown="if(event.keyCode==13)event.keyCode=9"

文本框的默认值

input type=text value="123" onfocus="alert(this.defaultValue)"

title换行

obj.title = "123&#13sdfs&#32"

获得时间所代表的微秒

var n1 = new Date("2004-10-10".replace(/-/g, "/")).getTime()

窗口是否关闭

win.closed

checkbox扁平

input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"

获取选中内容

document.selection.createRange().duplicate().text

自动完成功能


input  type=text  autocomplete=on打开该功能 
input  type=text  autocomplete=off关闭该功能

窗口最大化

body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"

无关闭按钮IE

window.open("aa.htm", "meizz", "fullscreen=7");

统一编码/解码

alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
encodeURIComponent对":"、"/"、";" 和 "?"也编码

表格行指示

tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'"

//各种尺寸

s  +=  "rn网页可见区域宽:"+  document.body.clientWidth;  
s  +=  "rn网页可见区域高:"+  document.body.clientHeight;  
s  +=  "rn网页可见区域高:"+  document.body.offsetWeight  +"  (包括边线的宽)";  
s  +=  "rn网页可见区域高:"+  document.body.offsetHeight  +"  (包括边线的宽)";  
s  +=  "rn网页正文全文宽:"+  document.body.scrollWidth;  
s  +=  "rn网页正文全文高:"+  document.body.scrollHeight;  
s  +=  "rn网页被卷去的高:"+  document.body.scrollTop;  
s  +=  "rn网页被卷去的左:"+  document.body.scrollLeft;  
s  +=  "rn网页正文部分上:"+  window.screenTop;  
s  +=  "rn网页正文部分左:"+  window.screenLeft;  
s  +=  "rn屏幕分辨率的高:"+  window.screen.height;  
s  +=  "rn屏幕分辨率的宽:"+  window.screen.width;  
s  +=  "rn屏幕可用工作区高度:"+  window.screen.availHeight;  
s  +=  "rn屏幕可用工作区宽度:"+  window.screen.availWidth;

展开更多 50%)
分享

猜你喜欢

网页教学网整理的Javascript的技巧代码

Web开发
网页教学网整理的Javascript的技巧代码

网页教学网整理的JS技巧代码

Web开发
网页教学网整理的JS技巧代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

网页教学网收集的优秀的CSS技巧与教程

Web开发
网页教学网收集的优秀的CSS技巧与教程

两个CSS代码精简工具(网页教学网推荐)

Web开发
两个CSS代码精简工具(网页教学网推荐)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

网页制作之Javascript代码技巧

Web开发
网页制作之Javascript代码技巧

网页教学网推荐值得一看的CSS框架

Web开发
网页教学网推荐值得一看的CSS框架

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

MooTools教程(9):输入过滤-字符串

MooTools教程(9):输入过滤-字符串

Mac如何设置自动报时

Mac如何设置自动报时
下拉加载更多内容 ↓