PC-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”

# 自动刷新

<meta HTTP-EQUIV=”refresh” CONTENT=”8;URL=http://c98.yeah.net”>

# 简单邮件

<a href=”mailto:[email protected]?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=”javascrīpt:function()”>word</a>

# 上一网页源

asp:

request.servervariables(“HTTP_REFERER”)

javascrīpt:

document.referrer

# 释放内存

CollectGarbage();

# 禁止右键

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

# 禁止保存

<noscrīpt><iframe src=”*.htm”></iframe></noscrīpt>

# 禁止选取<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 ōnpaste=”return false”>

# 地址栏图标

<link rel=”Shortcut Icon” href=”favicon.ico”>

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

# 收藏栏图标

<link rel=”Bookmark” href=”favicon.ico”>

# 查看源码

<input type=button value=查看网页源代码 ōnclick=”window.location = ‘view-source:’+ ‘http://www.csdn.net/‘”>

# 关闭输入法

<input style=”ime-mode:disabled”>

# 自动全选

<input type=text name=text1 value=”123″ ōnfocus=”this.select()”>

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

<input ōnkeydown=”if(event.keyCode==13)event.keyCode=9″>

# 文本框的默认值

<input type=text value=”123″ ōnfocus=”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)”><br>

# 获取选中内容

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

# 自动完成功能

<input type=text autocomplete=on>打开该功能

<input type=text autocomplete=off>关闭该功能

# 窗口最大化

<body ōnload=”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 ōnmouseover=”this.bgColor=’#f0f0f0′” ōnmouseout=”this.bgColor=’#ffffff‘”>

时间: 2024-12-26 20:52:09

PC-JS小技巧的相关文章

JS小技巧大本事(持续更新)

1. 复制N个字符 1 String.prototype.repeat = function(num){ 2 return (new Array(++num)).join(this); 3 } 4 5 var a = 'A'; 6 a.repeat(5); //'AAAAA' 2. 替代if…else… 1 var result; 2 3 result = isTrue ? something : anotherthing; 4 result = something || anotherthin

js小技巧: 给div绑定keydown事件

要想给一个元素绑定keydown事件我们经常这样: $('#some_thing').keydown(function(event){ ...... }) 但是当你尝试给div元素绑定时会发现不起作用, 解决办法是给这个div添加一个tabindex的属性: $('#some_div').attr('tabindex', 1).keydown(function(event){ ...... }) js小技巧: 给div绑定keydown事件

javascript小技巧-js小技巧收集(转)

本文转载自:http://blog.csdn.net/ocean20/article/details/2498699 每一项都是js中的小技巧,但十分的实用! 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得

js小技巧(二)

//移动的图层,拖动 1.<span style='position:absolute;width:200;height:200;background:red' onmousedown=MouseDown(this) onmousemove=MouseMove() onmouseup=MouseUp()>meizz</span> <script language=javascript> var Obj; function MouseDown(obj) { Obj=obj

【JS小技巧】JavaScript 函数用作对象的隐藏问题

用户反馈 @消失的键盘 在论坛反馈了一个问题,在 AppBoxMvc 中的 Title 模型中,如果将 Name 属性改名为小写的 name 属性,就会报错: 因为这是一个 ASP.NET MVC 的项目,而这个属性是通过 TextBoxFor 渲染到页面上的,因此 name 会生成为 DOM 节点的 id 属性: F.SimpleForm() .ID("SimpleForm1") .ShowBorder(false) .ShowHeader(false) .BodyPadding(1

20个JS 小技巧超级实用

1. 将彻底屏蔽鼠标右键 oncontextmenu=”window.event.returnValue=false” < table border oncontextmenu=return(false)>< td>no< /table> 可用于 Table 2. 取消选取.防止复制 < body onselectstart=”return false”> 3.JS不允许粘贴 onpaste=”return false” 4. JS防止复制 oncopy=”

js小技巧--摘录1

原文地址https://github.com/loverajoel/jstips 1.数组中插入元素 a.尾部追加 var arr = [1,2,3,4,5]; var arr2 = []; arr.push(6); arr[arr.length] = 6; arr2 = arr.concat([6]); //快慢排序1. arr[arr.length] = 6; // 平均42 345 449 ops/sec 2. arr.push(6); // 慢34.66% 3. arr2 = arr.c

JS小技巧

function fy() { var pageNo = document.getElementById("pageNo").value; if ( 1 <= pageNo && pageNo <= ${PAGE_SESSION.allPageNo}) { window.location.href="/crm/crmservlet?method=findAllCustomer&pageNo="+pageNo; } else { a

fullpage.js小技巧

创造一个自适应的section: 在 section 类旁边加上类 fp-auto-height 例如:<div class="section fp-auto-height">Auto height</div> 不返回第一页(第一页只出现一次): 利用回调函数: onLeave (index, nextIndex, direction)监听 nextIndex , 当是第一页时 return false;  把它当监听鼠标滚轮事件:slide通过 鼠标滚轮 滑动

转:js小技巧 ,将彻底屏蔽鼠标右键,可用于Table ,取消选取、防止复制,IE地址栏前换成自己的图标

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取.防止复制 3. onpaste="return false" 不