Javascript中tabIndex属性的施用_jquery wrap() 与 wrapAll()差异_JS之文本的查寻跟替换__脚本百事通
稍等，加载中……
^_^请注意，有可能下面的2篇文章才是您想要的内容：
Javascript中tabIndex属性的施用
jquery wrap() 与 wrapAll()差异
JS之文本的查寻跟替换
Javascript中tabIndex属性的施用
Javascript中tabIndex属性的应用tabindex 属性 -- 代表使用"Tab"键的遍历顺序tabIndex 的用处很简单，就是利用tab键遍历页面的表单元素和链接，按照tabindex的大小决定遍历时的顺序。虽然微不足道，但这是任何一个WEB应用应当具备的亲用力，保证用户在没有鼠标的情况下（如WAP）仍然可以正常使用。 下面的例子，为了突现tabIndex控制焦点跳转的能力，特意把顺序打乱了。请先选中第一个文本域，然后按tab键观察效果。&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&
&TITLE&javascript tabIndex属性&/TITLE&
&form name="nasami"&
&input tabindex="1" value="第一个" type="text" /&
&input tabindex="3" value="第三个" type="text" /&
&input tabindex="5" value="第五个" type="text" /&
&input tabindex="6" value="第六个" type="text" /&
&input tabindex="4" value="第四个" type="text" /&
&input tabindex="2" value="第二个" type="text" /&
W3C DOM与Netscape仅是把tabIndex添加到有限的几个元素上：a, area, button, input, object, select, textarea，也就是所谓的表单元素与链接。IE4则比它多以下元素： applet, body, div, embed, isindex, marquee, span, table, 与td。到了IE5，几乎所有能渲染的元素都拥有这属性（像br元素就是不能渲染的）。tabIndex的值，根据W3C的规定，范围在0到 32767。怎样禁用TAB键？比如让&input id='text1' type='text'&表单元素禁用TAB方法一：设置属性tabindex=-1就可以了。
方法二：&input
id='text1'
type='text'
onkeydown="if(event.keyCode==9){event.returnValue=}" /&
jquery wrap() 与 wrapAll()差异
jquery wrap() 与 wrapAll()区别&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&title&3-7-2&/title&
引入jQuery --&
&script src="../../scripts/jquery-1.3.1.js" type="text/javascript"&&/script&
&script type="text/javascript"&
//&![CDATA[
$(function(){
$("li").wrap("&div&&/div&");
&strong title="选择你最喜欢的水果." &你最喜欢的水果是?&/strong&
&strong title="选择你最喜欢的水果." &你最喜欢的水果是?&/strong&
&li title='苹果'&苹果&/li&
&li title='橘子'&橘子&/li&
&li title='菠萝'&菠萝&/li&
上面如果是 wrap，结果是：
&strong title="选择你最喜欢的水果."&你最喜欢的水果是?&/strong&
&strong title="选择你最喜欢的水果."&你最喜欢的水果是?&/strong&
&div&&li title="苹果"&苹果&/li&&/div&
&div&&li title="橘子"&橘子&/li&&/div&
&div&&li title="菠萝"&菠萝&/li&&/div&
如果是wrapAll，结果是：
&strong title="选择你最喜欢的水果."&你最喜欢的水果是?&/strong&
&strong title="选择你最喜欢的水果."&你最喜欢的水果是?&/strong&
&div&&li title="苹果"&苹果&/li&&li title="橘子"&橘子&/li&&li title="菠萝"&菠萝&/li&&/div&
JS之文本的查寻跟替换
JS之文本的查找跟替换&script type="text/javascript"&&!--window.onload = function(){ try {
var doc = parent.
var Frm = doc.getElementById( "content" );
var Obj = doc.body || doc.documentE
if(typeof Frm != "object" || Frm == null)
Obj.innerHTML = Obj.innerHTML.replace(/2009年下半年/g, "2011年上半年" );
var Frms = document.getElementsByTagName( "iframe" );
for( var i in Frms )
if(Frms[i].src == "header.html")
Frms[i].id = "content";
} } catch(E){}}--&&/script&
如果您想提高自己的技术水平，欢迎加入本站官方1号QQ群：&&，&&2号QQ群：，在群里结识技术精英和交流技术^_^
本站联系邮箱：DOM 给DIV或HTML所有元素增加onfocus和onblur事件
默认火狐或者其他浏览器里DIV和其他普通标签是不具有onfocus和onblur事件的，经我长久论证因为他们不具有tab属性，所以只要我们创建tab，那么任何标签都可以具有tab属性。
什么标签具有tab呢？显然input和a是得天独厚的具有，我们经常用键盘上的tab键进行移动光标的时候，我们发现光标只在具有tab属性的元素上进行跳转。
我们现在来让div拥有tab并具有onfucus和onblur属性！
给元素创建tab属性：tabindex=参数(这里和z-index类似，计算tab起点)。
&div tabindex=&0& hidefocus=&true& onfocus='alert(&得到焦点&);' onblur='alert(&失去焦点&);' style=&border:1px solid #width:200height:200outline=0;&&&/div&
运行代码(调试)
看到这里你了解了吧！
另外，定义tab属性后，元素是默认会加上焦点虚线的，那么在IE中可以通过hidefocus=&true&去除！其他浏览器通过outline=0进行去除！
更多相关文章
通常我们创建css3动画 都是给元素动态添加一个class. 但是动态创建的dom,appendto body 后 .再增加class,css3动画出不出来. 如果延迟一下 再增加 class css3效果就出来了. 不想加延时函数 怎么破 ? 无效果: var $el = $('&div c ...
原文:/blog/?p=187本文翻译自jQuery Cookbook (O'Reilly
Executing jQuery/JavaScript Code After the DOM Has Loaded but Before Com ...
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&&lt ...
DOM应用---遍历网页中的元素作者:杨老师 下载源代码一.摘要 在我们编写的程序中,如果想要实现对浏览器打开的网页进行监视.模拟操纵.动态提取用户输入.动态修改......等功能,那么请你抽出宝贵的时间,继续往下阅读.本文介绍的知识和示例程序都是围绕如何遍历 HTML 中的表单(form)并枚举出 ...
span就报不了div啊 http://www.w3.org/TR/html5/text-level-semantics.html#the-a-element a 是 transparent,意思取决于 a 的父元素是否允许包含块级元素,如: &div&&a&&div& ...
我现在这里有一个已经通过js使用transform: scale(5, 5)宽和高都放大了5倍的div 而这个div里面还有一个子元素div,这个子元素div由于css中定义height和width都是用百分比的,所以已经放大了5倍.這個子元素隨着父元素也被放大5倍. 但是,我现在想要通过js再把这 ...
本篇体验JavaScript事件的基本面,包括:
■ 事件必须在页面元素加载之后起效■ 点击事件的一个简单例子■ 为元素注册多个点击事件■ 获取事件参数 ■ 跨浏览器事件处理 □ 事件必须在页面元素加载之后起效
有这样一段简单的代码:&head& &meta http-eq ...
我研究了一下之后发现,jQuery都将事件缓存起来了,其实也是为了防止内存溢出以及页面unload的时候的速度,也包括多函数触发,方便管理等诸多好处,具体可以参考此文. jQuery会在window.unload的时候卸载所有绑定过的事件,释放内存的. OK,言归正传.判断元素上是否绑定过事件用如下 ...
Unity中的Inspector面板可以显示的属性包括以下两类:(1)C#以及Unity提供的基础类型:(2)自定义类型,并使用[System.Serializable]关键字序列化,比如: [System.Seri ...
1. 设置ssh.scp命令的认证 运行一次脚本后,以后再使用ssh或scp命令登录远程机器时不再提示输入密码 -----------------setkey.sh开始------------------------ ...
最近在页面中使用padding控制div的样式时,其中一个页面无论怎么修改padding都不能起到应有的作用,代码如下:&div style=&width:300height:300px ...
本文为原创,如需转载,请注明作者和出处,谢谢!
一对一映射是很常用的.在一般情况下 ...
主要介绍那些不错个性化的View,包括ListView.ActionBar.Menu.Vi ...
□晨报记者 金玉蓉 长江流域还有多少头江豚?极端气候与人为活动如何影响江豚生存?昨天是第三 ...
最近这里不是十分的安定,所以放慢了动画观感的更新,而且正打算换个地方看看.昨天晚上试用了下 ...
JUnit的测试案例谁都会写,但是用JUnit写的测试案例不一定是单元测试.单元测试是什么 ...
当注册广播时,常会遇到的问题就是重复注销广播处理函数是会报错,而且会让进程奔溃. 一般来说,可以通过一个变量来保存广播处理是否被注销,每当注销时,将它标记为false.如果再次注销时遇到false就不对他进行注销处理 ...
Socket是网络上运行的两个程序间双向通讯的一端,它既可以接受请求,也可以发送请 ...&&国之画&&&& &&&&&&
&& &&&&&&&&&&&&&&&&&&
鲁ICP备号-4
打开技术之扣，分享程序人生！HTML tabindex 属性HTML 标准属性
HTML 标准属性
下面列出了所有 HTML 和 XHTML 标签支持的标准属性，仅有少数例外。
核心属性 (Core Attributes)
以下标签不提供下面的属性：base、head、html、meta、param、script、style 以及 title 元素。
规定元素的类名（classname）
规定元素的唯一 id
style_definition
规定元素的行内样式（inline style）
规定元素的额外信息（可在工具提示中显示）
语言属性 (Language Attributes)
以下标签不提供下面的属性：base、br、frame、frameset、hr、iframe、param 以及 script 元素。
设置元素中内容的文本方向。
language_code
设置元素中内容的语言代码。
language_code
设置 XHTML 文档中元素内容的语言代码。
键盘属性 (Keyboard Attributes)
设置访问元素的键盘快捷键。
设置元素的 Tab 键控制次序。
赞助商链接