barriers / 阅读 / 详情

javascript在使用过程中，浏览器之间存在什么样的差异

2023-07-27 07:57:50

TAG: cr script as ava ipt avas ip ja pt sc rip scr java asc javascript

共2条回复

英语范文

我来回答

wpBeta

JavaScript在IE浏览器和Firefox浏览器中存在一些差异，以下对这些差异部分进行了总结，以及解决方案：

1.HTML对象的 id 作为对象名的问题

IE：HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用

Firefox：不支持

解决方法：使用document.getElementById替代document.all

2.如果控件只有name,没有id, 用getElementById时:

IE：可以找到对象

Firefox：返回NULL

解决方法：所有控件必须设置ID属性

3.Evel:

IE：支持，利用 eval(idName) 可以取得 id 为 idName 的 HTML 对象

Firefox：不支持

解决方法：统一使用getElementById(idName) 代替 eval(idName)。

4.Event：

IE：用全局对象window.event

Firefox：event只能在事件发生的现场使用，在调用函数时传入event对象

解决方法：使用之前做一下浏览器类型判断，各用各的。

5.对象名称中美元符号‘$" 改为使用下划线‘_"

6.集合类对象问题

IE：可以使用()或[]获取集合类对象

Firefox：只能使用[]获取集合类对象

现有代码中存在许多，不能在 Firefox 下运行

解决方法:统一使用[]获取集合类对象。document.form.item(“itemName”) 这样的语句改为document.form.elements["elementName"]

7.变量名与某 HTML 对象 id 相同的问题

IE：不能使用与 HTML 对象 id 相同的变量名

Firefox：可以使用

解决方法：在声明变量时，一律加上 var ，以避免歧义，这样在 IE 中亦可正常运行。此外，最好不要取与 HTML 对象 id 相同的变量名，以减少错误。

8.Event定位问题

IE：支持event.x 和event.y

Firefox：支持event.pageX和event.pageY

解决方法，统一使用event.clientX和event.clientY，但是在Firefox中event.clientX 与 event.pageX 有微妙的差别（当整个页面有滚动条的时候），不过大多数时候是等效的。如果要完全一样，可以判断浏览器类型后对应使用。

9.父结点的问题

IE：parentElement parentElement.children

Firefox：parentNode parentNode.childNodes

childNodes的下标的含义在IE和Firefox中不同，Firefox使用DOM规范，childNodes中会插入空白文本节点。一般可以通过node.getElementsByTagName()来回避这个问题。

当html中节点缺失时，IE和Firefox对parentNode的解释不同。例如:

IE：input.parentNode的值为空节点

Firefox：input.parentNode的值为form

解决方法：Firefox中节点没有removeNode方法，必须使用如下方法 node.parentNode.removeChild(node)

10.const 问题

IE：不支持 const 关键字。如 const constVar = 32; 在IE中这是语法错误

Firefox：支持

解决方法：不使用 const ，以 var 代替。

11.body 对象

IE：在body标签完全被读入之后才存在

Firefox：在body标签没有被浏览器完全读入之前就存在

12.自定义属性问题

IE：可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute()获取自定义属性

Firefox：只能使用getAttribute()获取自定义属性.

解决方法：统一通过getAttribute()获取自定义属性

13.event.srcElement问题

IE：even.srcElement

Firefox：even.target

解决方法:使用时判断浏览器类型，各用各的。

14.模态和非模态窗口

IE：支持模态和非模态窗口

Firefox：不支持

解决方法：直接使用window.open(pageURL,name,parameters)方式打开新窗口。如果需要将子窗口中的参数传递回父窗口,可以在子窗口中使用window.opener来访问父窗口。

15.innerText

IE：innerText

Firefox：textContent

16.类似 obj.style.height = imgObj.height 的语句

IE：有效

Firefox：无效

解决方法：统一使用obj.style.height = imgObj.height + ‘px";

gitcloud

基本没什么差异、、

但是会有一些属性是个别浏览器特有的，其它浏览器没有。。

相关推荐

wiz note

parentNode(parentNode属性什么意思) 您好,我就为大家解答关于parentNode，parentNode属性什么意思相信很多小伙伴还不知道,现在让我们一起来看看吧！1、parentNode 属性以 N... 您好,我就为大家解答关于parentNode，parentNode属性什么意思相信很多小伙伴还不知道,现在让我们一起来看看吧！ 1、parentNode 属性以 Node 对象的形式返回指定节点的父节点。 2、parentNode跟parentElement除了前者是w3c标准，后者只ie支持。 3、当父节点的nodeType不是1，即不是element节点的话，它的parentElement就会是null。 4、一般情况parentNode可以取代parentElement的所有功能。 5、parentElement匹配的是parent为element的情况，而parentNode匹配的则是parent为node的情况。 6、element是包含在node里的，它的nodeType是1。 2023-07-26 02:44:551

JS中的parentElement，parentNode，childNodes，children，[object text]问题 parentElement 获取对象层次中的父对象。 parentNode 获取文档层次中的父对象。 childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。 children 获取作为对象直接后代的 DHTML 对象的集合。 parentNode和parentElement功能一样，childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的，可以说比较通用。而另外两个不是标准，Firefox就不支持。当父节点的nodeType不是1，即不是element节点的话，它的parentElement就会是null一般情况parentNode可以取代parentElement的所有功能。parentElement匹配的是parent为element的情况，而parentNode匹配的则是parent为node的情况。element是包含在node里的，它的nodeType是1。 2023-07-26 02:45:081

javascript的parentNode，parentElement parentElement 是IE专用属性，parentNode 是W3C标准属性，parentElement 指的是该元素的父元素，parentNode指的是该DOM元素节点的上级节点 2023-07-26 02:45:324

this.parentElement.parentElement火狐谷歌undefined 神秘 2023-07-26 02:45:412

我要怎么取得父级DIV的ID呢？ 开始你给我的私信有回给你了你去看看 2023-07-26 02:45:493

jquery怎么获取当前元素的父元素 $(this).parent() 2023-07-26 02:45:571

在jap中怎么样实现利用按钮跳转页面 如果该按钮是在form表单中则很好处理<form action="需要跳转的页面"><Button onclick="this.parentElement.submit">我是跳转按钮，点我就跳到另外一个页面，点我试试</Button></form>代码解释：action为跳转的页面地址，可以交由Servlet处理跳转，也可以直接页面名，Button按钮标签，单击事件：onclick。this代表当前的对象，也就是按钮标签这个对象，指代作用。parentElement是得到当前标签（Button）的父标签（form）。form本身有一个事件：onsubmit。提交事件。this。parentElement。submit会自动调用onsubmit这个事件后。寻找action中的地址，然后就可以进行跳转了。如果该按钮不是在form表单中，则需要：<script> function goURL(){ window.location = "URL"; }</script><Button onclick="goURL();">我是跳转按钮，点我就跳到另外一个页面，点我试试</Button>或者：<Button onclick="window.location="url";">我是跳转按钮，点我就跳到另外一个页面，点我试试</Button> 2023-07-26 02:46:101

js里面哪个方法可以找到父节点的 <HTML> <HEAD> </HEAD> <BODY> <script> function find(obj) { //tr的对象obj //obj.parentElement就是table //obj.parentElement.children.length，table的孩子数 //obj.parentElement.children(1),就是table的第2个孩子(tr) //obj.parentElement.children(1).children(0),就是就是table的第2个孩子(tr)的第一个孩子(td),就这样找...都能找到 alert(obj.parentElement.children(1).children(0).innerText); } </script><table width="50%" border=1> <tr onClick="find(this);"> <td>1 </td> <td>2 </td> </tr> <tr> <td>3 </td> <td>4 </td> </tr></table></BODY></HTML> 2023-07-26 02:46:171

parentElement.removeNode(true)，IE下正常，火狐、谷歌下失效，帮忙解决一下。 只有IE有removeNode 你可以这样写this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);最好能写个函数每个按钮执行函数就行了不要重复写这些 2023-07-26 02:46:362

C#listview 拖动水平滚动条怎样保持第一列不滚动 以下为Gridview嵌套两层div的代码： <div id="grid"> <div id="gridview"> <asp:GridView ID="GridView1" runat="server" Font-Size="9pt" CssClass="datagrid"><HeaderStyle Wrap="false" /> <RowStyle Wrap="false" /> </asp:GridView> </div></div>然后是CSS样式表：<style> .datagrid td {padding:4px; height:20px; text-align:center}.fixed{ background:#fcc; z-index:2; }.gridWidth{ width:4000px;} .unfixed{ border:none;}#grid {position:relative;display:block; width:90%; margin:30px auto; background:#fff; overflow:hidden;} #gridview{position:relative;display:block;width:100%; background:#fff; overflow-y: hidden;overflow-x: scroll;}</style>再是JS代码（用Jquery框架）：<script type="text/javascript" src="jquery-1.3.1.js"></script><script type="text/javascript">$(document).ready(function(){ var d=$("<div></div>"); var height=0; var width=0; d.css({position:"absolute",left:"0",top:"0",background:"#fff"}); $("#grid").append(d); var view=$(".datagrid"); var t=$("<table class="datagrid" cellspacing="0" rules="all" border="1" style="font-size:9pt;border-collapse:collapse;"></table>"); /*这里的table样式是在浏览器中查看GridView解析后的表格的样式，直接复制就行！*/ var trlist=view.find("tr"); for(var i=0;i<trlist.length;i++){ var tr=trlist[i]; var newTr=$("<tr style="white-space:nowrap;"></tr>"); /*这里tr的样式也一样，但要注意的是，有时gridview会隔一行换一种样式，这里的JS代码需要做一些处理*/ newTr.append($(tr).children(".fixed").clone()); t.append(newTr); } d.append(t); });</script> 2023-07-26 02:46:432

js怎么获取文本框内容 (这个文本框不在form里)提交 2023-07-26 02:46:513

关于前端的几个知识点，劳烦知友帮忙解答一下 1、DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。document.documentElement 返回文档的根节点<html> document.body <body> document.activeElement 返回当前文档中被击活的标签节点(ie) event.fromElement 返回鼠标移出的源节点(ie) event.toElement 返回鼠标移入的源节点(ie) event.srcElement 返回激活事件的源节点(ie) event.target 返回激活事件的源节点(firefox) 当前对象为node 返回父节点：node.parentNode, node.parendElement, 返回所有子节点：node.childNodes（包含文本节点及标签节点）,node.children 返回第一个子节点：node.firstChild 返回最后一个子节点： node.lastChild 返回同属上一个子节点：node.nextSibling 返回同属下一个子节点：node.previousSibling parentNode和parentElement功能一样，childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的，可以说比较通用。而另外两个只是IE支持，不是标准，Firefox就不支持 ,所以大家只要记得有parentElement和children就行了 2、DOM操作——怎样添加、移除、移动、复制、创建和查找节点。（1）创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点（2）添加、移除、替换、插入 appendChild() removeChild() replaceChild() insertBefore()（3）查找 getElementsByTagName() //通过标签名称 getElementsByName() //通过元素的Name属性的值 getElementById() //通过元素Id，唯一性3、事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。（1）冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> html -> document -> window（2）捕获型事件(event capturing)：事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)。（3）DOM事件流：同时支持两种事件模型：捕获型事件和冒泡型事件，但是，捕获型事件先发生。两种事件流会触及DOM中的所有对象，从document对象开始，也在document对象结束。 DOM事件模型最独特的性质是，文本节点也触发事件(在IE中不会)。4、XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。XMLHttpRequest 对象提供了在网页加载后与服务器进行通信的方法。<script type="text/javascript"> varxmlhttp; functionloadXMLDoc(url){ xmlhttp=null; if(window.XMLHttpRequest){ //code for all new browsers xmlhttp=newXMLHttpRequest(); }elseif(window.ActiveXObject){ //code for IE5 and IE6 xmlhttp=newActiveXObject("Microsoft.XMLHTTP"); } if(xmlhttp!=null){ xmlhttp.onreadystatechange=state_Change; xmlhttp.open("GET",url,true); xmlhttp.send(null); }else{ alert("Your browser does not support XMLHTTP."); }}functionstate_Change(){ if(xmlhttp.readyState==4){ //4 = "loaded" if(xmlhttp.status==200){ //200 = OK //...our code here... }else{ alert("Problem retrieving XML data"); } }}</script>5、严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML文档包含形式完整的DOCTYPE，那么它一般以标准模式呈现。对于HTML 4.01文档，包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现，但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。6、盒模型——外边距、内边距和边框之间的关系，IE 8以下版本的浏览器中的盒模型有什么不同。一个元素盒模型的层次从内到外分别为：内边距、边框和外边距IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框7、块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。块级元素，用CSS中的display:inline;属性则变为行内元素行内元素，用CSS中的display:block;属性则变为块级元素影响：周围元素显示在同一行或换行显示，根据具体情况调整样式8、浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。需要浮动的元素可使用CSS中float属性来定义元素的浮动位置，left：往左浮动，right：往右浮动浮动元素引起的问题：（1）父元素的高度无法被撑开，影响与父元素同级的元素（2）与浮动元素同级的非浮动元素会跟随其后（3）若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显示的结构解决方法：使用CSS中的clear:both;属性来清除元素的浮动可解决2、3问题，对于问题1，添加如下样式，给父元素添加clearfix样式：.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}.clearfix{display: inline-block;} /* for IE/Mac */9、HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。主要区别： XHTML 元素必须被正确地嵌套 XHTML 元素必须被关闭，空标签也必须被关闭，如 <br> 必须写成 <br /> XHTML 标签名必须用小写字母 XHTML 文档必须拥有根元素 XHTML 文档要求给所有属性赋一个值 XHTML 要求所有的属性必须用引号""括起来 XHTML 文档需要把所有 < 、>、& 等特殊符号用编码表示 XHTML 文档不要在注释内容中使“--” XHTML 图片必须有说明文字 XHTML 文档中用id属性代替name属性10、JSON——它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。JSON建构于两种结构：“名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），纪录（record），结构（struct），字典（dictionary），哈希表（hash table），有键列表（keyed list），或者关联数组（associative array）。值的有序列表（An ordered list of values）。在大部分语言中，它被理解为数组（array）。 2023-07-26 02:47:001

js 得到TR里某个td的值 这个用jquery很容易的 $("tr").find("td").eq(7)就是获得当前行的第八列原生态js写法是 window.event.srcElement.parentElement.parentElement.childNodes获得所有的td 循环一下就行了 2023-07-26 02:47:071

求教 document.getElementById 的用法 1、getElementById作用：一般页面里ID是唯一的，用于准备定为一个元素语法： document.getElementById(id) 参数：id :必选项为字符串(String) 返回值：对象; 返回相同id对象中的第一个，按在页面中出现的次序,如果无符合条件的对象，则返回 nullexample：document.getElementById("id1").value;2、getElementsByName作用：按元素的名称查找，返回一个同名元素的数组语法： document.getElementsByName(name)参数：name :必选项为字符串(String)返回值：数组对象; 如果无符合条件的对象，则返回空数组，按在页面中出现的次序example：document.getElementsByName("name1")[0].value; document.getElementsByName("name1")[1].value; 3、getElementsByTagName作用：按HTML标签名查询，返回一个相同标签元素的数组语法： object.getElementsByTagName(tagname) object可以是document或event.srcElement.parentElement等参数：tagname:必选项为字符串(String)，根据HTML标签检索。返回值：数组对象; 如果无符合条件的对象，则返回空数组，按在页面中出现的次序example：document.getElementsByTagName("p")[0].childNodes[0].nodeValue; document.getElementsByTagName("p")[1].childNodes[0].nodeValue 2023-07-26 02:47:151

如何用javascript设置table的td的id 分类: 电脑/网络 >> 程序设计 >> 其他编程语言问题描述: <TABLE id="aaa"> <TR> <TD>s1</TD> <TD>s2</TD> </TR> <TR> <TD>s3</TD> <TD>s4</TD> </TR> </TABLE> 一个表格如上,如何用javascript把内容为s3的td的ID设置为ss3 ???? 解析: 参考一下这段，把代码直接贴到文件即可使用 <style>body,td,div,a,input{font:menu;line-height:150%}</style> <table cellspacing=1 cellpadding=1 border=0 width=100% id=t136><tbody><form method=post enctype="multipart/form-data"><input type=hidden name=deal value=true><input type=hidden name=frmID value=22><input type=hidden name=thisdir value=><input type=hidden name=TID value=><tr class="page_speeder_1153071515" bgcolor=ACD0FD><td colspan=2>呵呵</td></tr><tr bgcolor=EFEFD6><td colspan=2><font color=000080>哈哈</font></td></tr><input type=hidden name=frmShowURL value=payment><input type=hidden name=ID value=><tr bgcolor=F0F0F0><td>xixi</td><td>xixi </td></tr><tr bgcolor=F9F9F9><td>hehe</td><td><input type=text class=border_index name=newdir style="ime-mode:disabled"><font color=000080>hehe</font> </td></tr><tr bgcolor=F0F0F0><td>新图片上传</td><td><div> <input type=button onclick=addNew() value=增加 class=button_index><font color=000080>(按一次增加按钮就可以上传一张图片。)</font></div></td></tr><tbody></table></form><script> var i=0,arr=new Array("F9F9F9","F0F0F0"); function addNew(){ tr=document.all.t136.insertRow(); tr.style.backgroundColor=arr[i%2]; tr.insertCell().innerText="图片"+(++i); tr.insertCell().innerHTML="<input type=file name=pic"+i+" class=border_index> <a href=javascript:void(0) onclick=del()>删除</a>" } function del(){ document.all.t136.deleteRow(window.event.srcElement.parentElement.parentElement.rowIndex); for(i=0;i<document.all.t136.rows.length-5;i++){ document.all.t136.rows[i+5].cells[0].innerText="图片"+(i+1); document.all.t136.rows[i+5].cells[1].children[0].name="pic"+(i+1); document.all.t136.rows[i+5].style.backgroundColor=arr[i%2]; } } </script> 2023-07-26 02:47:341

请教一下，在易语言中，我想把编辑框1里的数字，全部提取到编辑框2中。该怎么做？参考你的例子未能成功。 使用精易模块的正则，不要用易语言自带的正则源文本=编辑框1.内容"文本型变量计次=0"整数型变量正则.创建("onclick")"+#引号+">jw(.*?)</span>",源文本)计次循环首(正则.取子匹配数量,计次)编辑框2.内容=编辑框2.内容+正则.取子匹配文本(1,1)+#换行符计次循环尾()"上面代码我已经给你写出来了。满意请采纳。 2023-07-26 02:47:411

怎么用原生js去找父级里的子元素 dom.parentNode.children() 2023-07-26 02:47:571

JS之DOM操作 DOM： Document Object Model，文档对象模型；js提供了丰富的api来操作文档内容。 DOM树： html文档中的内容是以树形结构排布，html是DOM树根，html下只有两个子标签head、body 节点： DOM将所有的分支端都成为节点。节点有很多类型，常见的节点类型有：文本节点、元素节点。可以通过 nodeType查看节点类型： 1元素节点、3文本节点特殊的元素节点： 1、html元素 2、body元素 3、head元素节点操作的api（属性和方法） 1、nodeName：只读属性，可以读取节点名称 2、nodeType：只读属性，读取节点类型 3、 hasChildNodes()：判断调用方法的节点是否存在子节点，存在返回true，不存在返回false。主流浏览器会将换行符、制表符、空格当做文本节点处理，IE9以下会忽略它们。 4、childNodes：只读属性，获得节点的子节点集合，子节点集合是一个类数组结构，有数组特点无数组方法 5、firstChild：获得节点的第一个子节点 6、lastChild：获得节点的最后一个子节点 7、querySelector()：参数：string类型，css选择器作用：获得文档中第一个符合选择器条件的节点兼容：在IE9以下不支持 8、 querySelectorAll()： // 获得的都是静态集合参数：string类型，css选择器作用：获得文档中所有符合选择器条件的节点集合（类数组结构）兼容：在IE9以下不支持注意： querySelector() 和 querySelectorAll() 得到的都是元素节点。 9、previousSibling：获取节点的前一个兄弟节点 10、nextSibling：获取节点的后一个兄弟节点 11、parentNode：获得节点的父节点（父节点一定是元素节点） 12、removeChild()：节点删除它的指定子节点 DOM操作元素：暂时不用的隐藏、一定不用的删除。 13、cloneNode()：克隆一个节点参数：boolean类型，true深克隆，false浅克隆，默认浅克隆深克隆：不仅克隆节点和节点的属性，还会克隆节点的子节点浅克隆：只克隆节点和节点的属性，不会克隆节点的子节点 14、a.replaceChild(b,c)：用b替换c 其中a是c的父节点，c是文档上已经存在的节点，b可以是节点也可以是已存在节点，被替换的节点会从文档结构中删除。 15、a.replaceWith(b)：用b替换a a已存在的节点，b可以是新节点也可以是已存在节点，被替换的节点从DOM树删除。 16、a.insertBefore(b,c)：在c前面插入b 其中，a是c的父节点，c是已经存在的节点，b是新节点 17、a.appendChild(b)：在a末尾追加b a是父节点，b是a的子节点, c是子节点元素节点的相关api 1、getElementsByTagName()：根据标签名获得元素集合（类数组结构）区别：HTMLCollection 是动态集合，NodeList 是静态集合。 2、createElement()：根据标签名创建新元素 3、id：读写属性，可以读取或设置元素的id值 4、className：读写属性，可以读取或设置元素的class值 5、classList：读取标签的类名集合（类数组结构） add()：为元素新增类名，如果类名已存在不会重复添加 remove()：删除元素指定类名，如果类名不存在不会执行操作元素的属性分为两类：一类是元素本里就拥有的属性，例如：id、class、style、src、herf、target、alt、title、type、value等等，这些属性可以在js中直接通过.语法读取或设置。再一类是我们为了解决问题给元素添加的自定义属性，这些属性在js中无法直接通过.语法读取，需要通过操作方法访问。 6、setAttribute(name,value) 参数：name表示要设置的属性名，value要为属性设置的值无返回值 7、getAttribute(name) 参数：name表示要读取的属性名返回值：返回属性的值，如果属性不存在会返回null 8、removeAttribute(name) 参数：name表示要删除的属性名无返回值说明：setAttribute()、getAttribute()、removeAttribute()都可以操作元素的本地属性和自定义属性。 element拓展：兼容：以下属性、方法在IE9以下不支持。 1、children：读取元素的所有元素子节点集合（类数组） 2、parentElement：读取元素的父元素节点 3、previousElementSibling：读取前一个元素兄弟节点 4、nextElementSibling：读取后一个元素兄弟节点 5、firstElementChild：读取第一个元素子节点 6、lastElementChild：读取最后一个元素子节点 7、remove(): 将调用方法的元素从DOM结构中删除 2023-07-26 02:48:041

jsp中制作下拉时间 这太简单了 2023-07-26 02:48:123

（HTML JS javascript) js 中如何得到本标签位于父标签中的第几个？ 方法1：这段HTML代码是不是服务器端脚本生成，加一个序号属性，这样最简单明了。方法2：申请计数器变量，写循环在 currentNode.parentElement.children 集合中比对。不过还是强烈建议用 jquery 选择器处理这类问题 2023-07-26 02:48:204

请问：如何在aspx页面中实现点击文本框出现日期选择，并且所选的时间进入文本框中？ 用内嵌javascript更好，占服务器资源比较少，转一下别人的代码（具体调用方法最下面有）：<script>/* alin *//* Email:caoailin111@sohu.com *//* QQ:38062022 *//* Creation date: 2004-6-13 */ var myC_x,myC_y; var myC_timeset=null,myC_timeset1=null; var divObj=null; var inputName; function myCalendar() //构建对象 { var myDate = new Date(); this.year = myDate.getFullYear(); this.month = myDate.getMonth()+1; this.date = myDate.getDate(); this.format="yyyy-mm-dd"; this.style = myStyle(1); this.show = createCalendar; this.input = createInput; } function myStyle(num) //设置样式 { if(!num||isNaN(num)){alert("参数不对,采用默认样式！");num=1;} var style = new Array(); style[1]=".week{background-color:#DfDfff;font-size:12px;width:140px;}" +".ds{width:140px;font-size:12px;cursor:hand}" +".mover{border:1px solid black;background-color:#f4f4f4;}" +".move1{border:1px solid #5d5d5d;background-color:#f4f4f4;color:#909eff;font-size:12px}" +".tit{background-color:#909EFF;width:140px;font-size:12px;color:white;cursor:default}" +".cs{position:absolute;border:1px solid #909eff;width:142px;left:0px;top:0px;z-index:9999;}" +".shadow{position:absolute;left:0px;top:0px;font-family: Arial Black;font-size:50px;color:#d4d4d4;z-index:1;text-align:center;}"; document.write("<style type="text/css">"); document.write(style[num]); document.write("</style>"); } function createCalendar() { var week = new Array("日","一","二","三","四","五","六"); document.write("<div class="cs" onselectstart="return false" oncontextmenu="return false" onmousedown="if(event.button==2)this.style.display="none"" id="myC_div"><div class="shadow"></div><div style="position:absolute;left:0px;top:0px;z-index:1">"); //创建头部 document.write("<table class="tit" id="myC_Top" onmousedown="myC_x=event.x-parentNode.parentNode.style.pixelLeft;myC_y=event.y-parentNode.parentNode.style.pixelTop;setCapture()" onmouseup="releaseCapture();" onmousemove="myCMove(this.parentElement.parentElement);"><tr><td width=10 onmouseover="this.style.color="black"" onmouseout="this.style.color=""" onclick="cutYear()" style="font-family: Webdings;cursor:hand;" title="减少年份">7</td><td title="减少月份" onmouseover="this.style.color="black"" onclick="cutMonth()" onmouseout="this.style.color=""" width=10 style="font-family: Webdings;cursor:hand;">3</td><td align=center onmouseover=this.className="move1"; onmouseout=this.className="";divHidden(myC.parentElement.nextSibling); onclick="createyear("+this.year+",this);divShow(myC.parentElement.nextSibling);"></td><td align=center onclick="createmonth("+this.month+",this);divShow(myC.parentElement.nextSibling)" onmouseover=this.className="move1"; onmouseout=this.className="";divHidden(myC.parentElement.nextSibling);></td><td width=10 onmouseover="this.style.color="black"" onmouseout="this.style.color=""" onclick="addMonth()" style="font-family: Webdings;cursor:hand;" title="增加月份">4</td><td width=10 style="font-family: Webdings;cursor:hand;" onmouseover="this.style.color="black"" onmouseout="this.style.color=""" onclick="addYear()" title="增加年份">8</td></tr></table>"); //创建星期条目 document.write("<table class="week"><tr>"); for(i=0;i<7;i++) document.write("<td align=center>"+week[i]+"</td>"); document.write("</tr></table>"); //创建日期条目 document.write("<table class="ds" id="myC" cellspacing=2 cellpadding=0>"); for(i=0;i<6;i++) { document.write("<tr>"); for(j=0;j<7;j++) document.write("<td width=10% height=16 align=center onmouseover="mOver(this)" onmouseout="mOut(this)" onclick="if(this.innerText!="")getValue(inputName,this.innerText);myC_div.style.display="none""></td>"); document.write("</tr>"); } document.write("</table>"); //建建水印 document.write("</div>"); //创建选择图层 document.write("<div style="position:absolute;left:0px;top:0px;z-index:3" onmouseover=divShow(this) onmouseout=divHidden(this)></div>"); document.write("</div>");//显示日期 showDate(this.year,this.month); myC_div.style.display="none"; } function getValue(obj,value) { eval(obj).value=parseInt(myC_Top.cells[2].innerText)+"-"+parseInt(myC_Top.cells[3].innerText)+"-"+value; } function showDate(year,month) { var myDate = new Date(year,month-1,1); var today = new Date(); var day = myDate.getDay(); var length = new Array(31,30,31,30,31,30,31,31,30,31,30,31); length[1] = ((year%4==0)&&(year%100!=0)||(year%400==0))?29:28; for(i=0;i<myC.cells.length;i++)myC.cells[i].innerHTML = ""; for(i=0;i<length[month-1];i++) { myC.cells[i+day].innerHTML = (i+1); if(new Date(year,month-1,i+1).getDay()==6||new Date(year,month-1,i+1).getDay()==0){myC.cells[i+day].style.color="red";} } myC_Top.cells[2].innerText=year+"年"; myC_Top.cells[3].innerText=month+"月"; with(myC.parentNode.previousSibling.style) { pixelLeft=myC.offsetLeft; pixelTop=myC.offsetTop; height = myC.clientHeight; width = myC.clientWidth; } myC.parentElement.parentElement.style.height=myC.parentElement.offsetHeight; myC.parentElement.previousSibling.innerHTML=year; } //一些附加函数-------------------- //---------Begin------------------- function mOver(obj){obj.className = "mover";} function mOut(obj){if(obj.className=="mover")obj.className = "";} function addYear(){var year = parseInt(myC_Top.cells[2].innerText);var month = parseInt(myC_Top.cells[3].innerText); year++;showDate(year,month);} function addMonth(){var year = parseInt(myC_Top.cells[2].innerText);var month = parseInt(myC_Top.cells[3].innerText);month++;if(month>12){month=1;year++;}showDate(year,month);} function cutYear(){var year = parseInt(myC_Top.cells[2].innerText);var month = parseInt(myC_Top.cells[3].innerText);year--;showDate(year,month);} function cutMonth(){var year = parseInt(myC_Top.cells[2].innerText);var month = parseInt(myC_Top.cells[3].innerText);month--;if(month<1){month=12;year--;}showDate(year,month);} function divS(obj) { if(obj!=divObj) { obj.style.backgroundColor="#909eff"; obj.style.color="black"; } if(divObj!=null) { divObj.style.backgroundColor=""; divObj.style.color=""; } divObj = obj; } function divShow(obj) { if (myC_timeset!=null) clearTimeout(myC_timeset); obj.style.display="block"; } function divHidden(obj){myC_timeset=window.setTimeout(function(){obj.style.display="none"},500);} function createyear(year,obj)//创建年份选择 { var ystr; var oDiv; ystr="<table class="move1" cellspacing=0 cellpadding=2 width="+obj.offsetWidth+">"; ystr+="<tr><td style="cursor:hand" onclick="createyear("+(year-20)+",myC_Top.cells[2])" align=center>上翻</td></tr>"; for(i=year-10;i<year+10;i++) if(year==i) ystr+="<tr style="background-color:#909eff"><td style="color:black;height:16px;cursor:hand" align=center onclick="myC_Top.cells[2].innerText=this.innerText;showDate("+i+",parseInt(myC_Top.cells[3].innerText));myC.parentElement.nextSibling.innerHTML=""">"+i+"年</td></tr>"; else ystr+="<tr><td align=center style="cursor:hand" onmouseover=divS(this) onclick="myC_Top.cells[2].innerText=this.innerText;showDate("+i+",parseInt(myC_Top.cells[3].innerText));myC.parentElement.nextSibling.innerHTML=""">"+i+"年</td></tr>"; ystr+="<tr><td style="cursor:hand" onclick="createyear("+(year+20)+",myC_Top.cells[2])" align=center>下翻</td></tr>"; ystr+="</table>"; oDiv = myC.parentElement.nextSibling; oDiv.innerHTML=""; oDiv.innerHTML = ystr; showDiv(oDiv,obj.offsetTop+obj.offsetHeight,obj.offsetLeft); } function createmonth(month,obj)//创建月份选择 { var mstr; var oDiv; mstr="<table class="move1" cellspacing=0 cellpadding=2 width="+obj.offsetWidth+">"; for(i=1;i<13;i++) if (month==i) mstr+="<tr style="background-color:#909eff"><td style="color:black;height:16px;cursor:hand" align=center onclick="myC_Top.cells[3].innerText=this.innerText;showDate(parseInt(myC_Top.cells[2].innerText),"+i+");myC.parentElement.nextSibling.innerHTML=""">"+i+"月</td></tr>"; else mstr+="<tr><td align=center style="cursor:hand" onmouseover="divS(this)" onclick="myC_Top.cells[3].innerText=this.innerText;showDate(parseInt(myC_Top.cells[2].innerText),"+i+");myC.parentElement.nextSibling.innerHTML=""">"+i+"月</td></tr>"; mstr+="</table>"; oDiv = myC.parentElement.nextSibling; oDiv.innerHTML=""; oDiv.innerHTML = mstr; showDiv(oDiv,obj.offsetTop+obj.offsetHeight,obj.offsetLeft); } function showDiv(obj,top,left) { obj.style.pixelTop=top; obj.style.pixelLeft=left; } function myCMove(obj) { if(event.button==1) { var X = obj.clientLeft; var Y = obj.clientTop; obj.style.pixelLeft= X+(event.x-myC_x); obj.style.pixelTop= Y+(event.y-myC_y); window.status=myC_y; } } function showDiv2(obj) { inputName=obj.name; var e=obj; var ot = obj.offsetTop; var ol=obj.offsetLeft; while(obj=obj.parentElement){ot+=obj.offsetTop;ol+=obj.offsetLeft;} myC_div.style.pixelTop=ot+e.offsetHeight; myC_div.style.pixelLeft=ol; myC_div.style.display="block"; } function createInput(name) {myC_div.style.display="none"; document.write("<input type="text" name=""+name+"" size=20 onfocus="showDiv2(this)">"); } // --------------End --------------------- </script><script>var myCalendar=new myCalendar; myCalendar.year=2005; myCalendar.show(); myCalendar.input("txt1");</script><input type="text" name="test" onfocus="showDiv2(this)" readonly=true> 2023-07-26 02:48:272

js拖动div，显示坐标怎样相对于父层 将 #main 设定成 position:relative，里面的 absolute 的 x,y 位置就会是相对它而不是相对页面，就不用算得这麼辛苦了。 2023-07-26 02:48:351

jquery实现拖拽tr 案例和插件没什么区别吧，jquery UI里面整合一下就好了 2023-07-26 02:48:531

怎么用js设置一个按钮点击按钮可以添加table的行 js设置一个按钮点击按钮可以添加table的行：1、你先要根据table的ID获取到table实例2、当单机按钮的时候，创建一个table行，然后添加到已经获取到的table中即可具体可参考：http://blog.csdn.net/adsdassadfasdfasdf/article/details/6047927 2023-07-26 02:49:032

JS如何获得动态增加行的行号 都贴这么多 2023-07-26 02:49:185

请教Ext高手我现在子窗口中如何得到父窗口中的值，没有分了请大家帮帮忙 把Ext改成parent.Ext试试 2023-07-26 02:49:332

HTML中img的属性有哪些 骨灰级工会经费 2023-07-26 02:50:053

用js怎么动态插入行 为什么不用jquery呢，那简单到不行了，用js操作Dom比较麻烦，如果你刚学js的话，那就先学js，如果你是学过js的话，建议学习jquery，你会感觉一切都变得简单！！！Jquery，你值得信赖！！！记得看私信！！！以下是js实现！！！百度一下有好多！！！<%@ page language="java" import="java.util.*,com.page.wash.giveclothing.*" pageEncoding="gbk"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>添加表格信息</title><meta http-equiv="pragma" content="no-cache" /><meta http-equiv="cache-control" content="no-cache" /><meta http-equiv="expires" content="0" /> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3" /><meta http-equiv="description" content="This is my page" /><script language="javascript" type="text/javascript"> function AddRow(){//添加一行var i =tab1.rows.length;var Nam=""div1"";var Cod="fuJ"+i;var newTr = tab1.insertRow();//添加列var newTd0 = newTr.insertCell();var newTd1 = newTr.insertCell();var newTd2 = newTr.insertCell();var newTd3 = newTr.insertCell();//设置列内容和属性newTd0.innerHTML = "<input type="checkbox" id="box1" onClick="GetRow()"/ /><input type="hidden" name="fuJ" id="+Cod+" />"; newTd1.innerHTML = " 衣服尺码";newTd2.innerHTML = " 衣服花色";newTd3.innerHTML = " 处理类型";}function DelRow(){//删除一行 var shu=0; var cheCou=document.all("box1"); for(var i=0;i<cheCou.length;i++) { if (cheCou[i].checked==true) { shu++; } } if(shu==cheCou.length) { alert("最少要添加一件衣服"); return; } else if(shu==0) { alert("请选择你要删除的信息"); return; } else if(shu==1) { for(var i=0;i<cheCou.length;i++) { if(cheCou[i].checked==true) { tab1.deleteRow(i+1); } } } else if(shu>1) { for(var a=0;a<shu;a++) { for(var i=0;i<cheCou.length;i++) { if(cheCou[i].checked==true) { tab1.deleteRow(i+1); break; } } } }}function GetRow(){ //获得行索引 //两个parentElement分别是TD和TR哟，rowIndex是TR的属性 //this.parentElement.parentElement.rowIndex cGetRow=window.event.srcElement.parentElement.parentElement.rowIndex; }</script> </head> <body><form name="form1" action="${pageContext.request.contextPath}/giveClothing.do?method=FuJiaFei" method="post" ><center> <fieldset> <legend><strong>动态添加一行表格</strong></legend> <input type=hidden id="hid" name="hid"/ /> <table id="tab1" align="center" border="1" cellPadding="4" cellSpacing="0" borderColorLight="#999999" borderColorDark="#ffffff" style="width:95%;word-break: break-all"> <thead> <tr> <th align="center" width="10%">选择</th> <th align="center" width="15%">衣服尺码</th> <th align="center" width="15%">衣服花色</th> <th align="center" width="15%">处理类别</th> </tr> </thead> <tr > <td><input type=checkbox id="box1" onClick="GetRow()" /> <input type="hidden" name="fuJ" id="fuJ1" /> </td> <td> 衣服尺码</td> <td> 衣服花色</td> <td> 处理类别</td> </tr> </table> <table align="center" border="1" cellPadding="4" cellSpacing="0" borderColorLight="#999999" borderColorDark="#ffffff" style="width:95%;word-break: break-all"> <tr> <td align="right"> <input type="button" name="Submit" value="增加一行" onclick="javascript:AddRow();" /> <input type="button" name="Submit" value="删除一行" onclick="javascript:DelRow();" /> </td> </tr> </table></form> </body></html> 2023-07-26 02:50:133

拖动DIV,效果不对，不知道哪里错了，请帮忙看看 跟据你的改编的，自已看看，是不是你要的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style></style></head><body><a href="#" onClick="javascript:divop("test1","show",1);" />链接1</a><a href="#" onClick="javascript:divop("test2","show",2);" />链接2</a><a href="#" onClick="javascript:divop("test3","show",3);" />链接3</a><a href="#" onClick="javascript:divop("test4","show",4);" />链接4</a></p><div id="test1" class="aaa"> <div class="b" onMouseDown="startDrag(this)" onMouseUp="stopDrag(this)" onMouseMove="drag(this)">请选择类型一</div> <div class="c"><span style="text-decoration:underline; cursor:hand;" onClick="javascript:divop("test1","hid");">X</span> </div> <div class="clear"></div> <div class="d">这里是内容 </div> <div class="e"><input type="button" value="下一步" /> <input type="button" value="关闭" onClick="javascript:divop("test1","hid");" /></div></div><div id="test2" class="aaa"> <div class="b" onMouseDown="startDrag(this)" onMouseUp="stopDrag(this)" onMouseMove="drag(this)">请选择类型一</div> <div class="c"><span style="text-decoration:underline; cursor:hand;" onClick="javascript:divop("test2","hid");">X</span> </div> <div class="clear"></div> <div class="d">这里是内容 </div> <div class="e"><input type="button" value="下一步" /> <input type="button" value="关闭" onClick="javascript:divop("test2","hid");" /></div></div><div id="test3" class="aaa"> <div class="b" onMouseDown="startDrag(this)" onMouseUp="stopDrag(this)" onMouseMove="drag(this)">请选择类型一</div> <div class="c"><span style="text-decoration:underline; cursor:hand;" onClick="javascript:divop("test3","hid");">X</span> </div> <div class="clear"></div> <div class="d">这里是内容 </div> <div class="e"><input type="button" value="下一步" /> <input type="button" value="关闭" onClick="javascript:divop("test3","hid");" /></div></div><div id="test4" class="aaa"> <div class="b" onMouseDown="startDrag(this)" onMouseUp="stopDrag(this)" onMouseMove="drag(this)">请选择类型一</div> <div class="c"><span style="text-decoration:underline; cursor:hand;" onClick="javascript:divop("test4","hid");">X</span> </div> <div class="clear"></div> <div class="d">这里是内容 </div> <div class="e"><input type="button" value="下一步" /> <input type="button" value="关闭" onClick="javascript:divop("test4","hid");" /></div></div><script language="javascript">function $(id){ return document.getElementById(id);}function divop(objid,stat,num)//控制层的显示和隐藏{//alert(objid);if (stat=="show"){$(objid).style.display="block";$(objid).style.left=(num*20)+"px";//$(objid).style.top=(num*100)+"px";}else{$(objid).style.display="none";}}var x0=0,y0=0,x1=0,y1=0; var moveable=false; //开始拖动; function startDrag(obj){ if(event.button==1){ obj.setCapture(); var win = obj.parentNode; x0 = event.clientX; y0 = event.clientY; x1 = parseInt(win.offsetLeft); y1 = parseInt(win.offsetTop); moveable = true; } } //拖动; function drag(obj){ if(moveable){ var win = obj.parentNode; win.style.left = x1 + event.clientX - x0; win.style.top = y1 + event.clientY - y0; } } //停止拖动; function stopDrag(obj){ if(moveable){ obj.releaseCapture(); moveable = false; } } </script> </body></html> 2023-07-26 02:51:161

请问大佬们前端data-url怎么实现点击后跳转到data-url网址？ <a href="javascript:;" target="_blank" rel="nofollow">改为<a href="javascript:;" target="_blank" rel="nofollow" onclick="this.href=this.children[0].dataset.url;">所有都要改 2023-07-26 02:51:254

java中getelementbiclass怎么获取子节点 document.getElementsByClassName()或Element.getElementsByClassName，如果你说的是第二种，那么就可以找出子节点中含有此样式的节点。另外，这是Javascript在DOM中的方法，从应用场景来看，通过className很难分辨出父子节点，但还是可以利用offsetParent、parentElement、childElements可以找到它们之间的关系。 2023-07-26 02:51:391

html代码中img标签里的jqimg是什么意思？ jqimg是使用jquery.jqzoom.js插件放大图片使用的属性<div class="jqzoom"><img src="./images/pic_shop.png" style="width:200px; height:200px;" alt="" jqimg="./images/big.jpg" id="bigImg"/></div> 2023-07-26 02:51:472

透明png图片变灰色 ie6下png透明图片的确为灰色,你添加如下js就可以了:function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6. { var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) if ((version >= 5.5) && (version < 7) && (document.body.filters)) { for(var i=0; i<document.images.length; i++) { var img = document.images[i] var imgName = img.src.toUpperCase() if (imgName.substring(imgName.length-3, imgName.length) == "PNG") { var imgID = (img.id) ? "id="" + img.id + "" " : "" var imgClass = (img.className) ? "class="" + img.className + "" " : "" var imgTitle = (img.title) ? "title="" + img.title + "" " : "title="" + img.alt + "" " var imgStyle = "display:inline-block;" + img.style.cssText if (img.align == "left") imgStyle = "float:left;" + imgStyle if (img.align == "right") imgStyle = "float:right;" + imgStyle if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style="" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src="" + img.src + "", sizingMethod="scale");"></span>" img.outerHTML = strNewHTML i = i-1 } } } } window.attachEvent("onload", correctPNG); 2023-07-26 02:51:561

HTML中table的上一个兄弟节和第一个子节点为什么是#text 文本节点也是节点你把换行去掉，就是直接的div了parentElement即可。 2023-07-26 02:52:042

javascript如何为一个节点的子节点添加事件 document.getElementById("aaa").document.getElementsByTagName("p").addEvent("onclick",test); 2023-07-26 02:52:142

js中怎样控制不满足条件时不让键盘输入

最经典的实现字符数控制的方案当我们在ASP.NET开发时，经常会遇到一个头疼的问题：字符数的控制由于数据库的字段长度是固定的，因此在进行字符输入时，最关键的就是控制字符的个数不能超过字段的长度，要不然，一个个异常会让人疯掉的。对于单行文本框，不管是HTML控件还是Web控件，我们经常会使用MaxLength来控制，但这种控制无法控制到中文字符，即MaxLength=50的控制，可以输入50个英文与50个中文，这样的话，还是会导致中文字符数的溢出。对于多行文本框，那就更惨了，使用MaxLenth根本不起作用的。下面提供的方案优势： 1)最佳的方法是在文本框中输入时，控制到最大字数，超过时不能进行输入;2)对于粘帖的情况也要能兼容，以前网上的方法不能控制到paste的情况;3)对于最后的一个中文字符，宁愿舍去也不能多一个字符，比如50的字符数，在第49个时，最后输入一个中文，会导致最终字数为51,而这种情况，推荐是不能输入中文，保证最终的字符数<=50最佳，因为放弃一个中文字符总比数据库报错要好吧。 4)为了提高开发效率，尽可能的减少代码量,此方案不需要为文本框添加任何事件，而是由脚本块自己解决，因此只需要把脚本块饮包含到页面中就可以了，这应该是相当方便了吧完善版修改：由于前一个方案中，一些输入法无法激活onpress事件，导致对于中文的不支持，现在采用onkeyup事件处理，在处理方式上也进行了修改，原来的onpress事件是进行输入控制，而onkeyup只能对已经输入后的字数进行字数判断，过长的进行截短处理。在原方案中，有位朋友指出：数据采用n(type)系统不会报错，是的，如果采用n(type)的话，是以字符为基础的，可以不考虑数据库出错的可能性，但同样也存在一个界面显示的问题，比如界面上的Address值，希望是100个字符，如果不进行中英文字数区分，最多将输入100个中文，从而占200 个字节空间，导致Adress在显示时会超过预料的空间，界面搞得不易控制。因此，此方案还是有可取之处的。具体新方案实现： 1)将以下的代码包含到页面中：<script language="javascript">  </script> 2)在需要控制的控件上添加length="n"(n为要控制的字数)即可，如： <INPUT type="text" length="3"> <TEXTAREA length="20" rows="2" cols="20"></TEXTAREA> <asp:TextBox id="TextBox1" runat="server" length="7"></asp:TextBox> <asp:TextBox id="TextBox2" runat="server" TextMode="MultiLine" length="10"></asp:TextBox> 上面是HTML控件与Web控件的例子，只要加一个length就可以了。个人建议：1）可以把这个脚本块放在js文件中，进行引用即可 2）可以把脚本放在BasePage中，这样每个页面都可以使用了 3）可以使用这些脚本块，开发专门的服务器端控件。

2023-07-26 02:52:211

如何用js实现点击按钮使table某一单元格变为可编辑状态 获取TABLE中的值可以用下面的代码完成. <html> <head> <script language="javascript"> function doclick() { var td = event.srcElement; // 通过event.srcElement 获取激活事件的对象 td alert("行号：" + (td.parentElement.rowIndex + 1) + "，内容：" + td.innerText); } </script> </head> <body> <table onclick="doclick()"> <tr> <td> 9:00 </td> <td> 10:00 </td> </tr> <tr> <td> 11:00 </td> <td> 12:00 </td> </tr> </table> </body> </html> 但是你所说的拖动到datagrid 中形成时间带显示. 这个我看不太懂, 能举例说明 ? 2023-07-26 02:52:293

为何固定表头会偏移？ 下面这样就可以了（我只修改了CSS）：<html> <head> <title>固定表头 </title> <style type="text/css"> tr.locktr{ position:relative; top:expression((this.offsetParent.scrollTop>this.parentElement.parentElement.offsetTop? this.offsetParent.scrollTop-this.parentElement.parentElement.offsetTop-1:0)-1); left:-1;background-color:blue; } </style> </head> <body> 报表 <br> 2009.3.3 <br> 中国福建 <br> <br> <table border=1 bordercolor="#0000FF" style="border-collapse:collapse" cellpadding=3> <tr class="locktr"> <td bgcolor=gray>固定表头 </td> <td bgcolor=gray>测试 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> </table> </body> </html> 2023-07-26 02:52:481

js怎么找一个子元素的父元素 obj.offsetParent 2023-07-26 02:52:584

myeclipse里面 jsp代码颜色设置？如图上的底色是灰色的，怎么设置为其他颜色！ jsp 提示框颜色设置方法：jsp中可以嵌入通用的js写的弹出框提示，只要根据不同场景传不同参数就可以了。参考代码如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>弹出窗口(可拖动，背景灰色透明)</title><script type="text/javascript"></script></head><body><table width="600" border="0" cellspacing="0" cellpadding="0"><tr ><td height="100" align="center" ><p><a href="javascript:AlertMsg("温馨提示","")">点我试试!</a></p></td></tr></table></div></body></html> 2023-07-26 02:53:391

怎样让一个div高度自适应浏览器高度 让一个div高度自适应浏览器高度的方法：1、获取到window的innerHeight、clientHeight根据这两个参数定义div的高度。function resizeElementHeight(element) { var height = 0; var body = window.document.body; if (window.innerHeight) { height = window.innerHeight; } else if (body.parentElement.clientHeight) { height = body.parentElement.clientHeight; } else if (body && body.clientHeight) { height = body.clientHeight; } element.style.height = ((height - element.offsetTop) + "px");}2、定义div的高度的方法：document.getElementById("yourDiv").height = height； 2023-07-26 02:54:152

汽车配置中“ABS＋EBD”是什么意思？ ABS即防抱死制动系统（antilockbrakesystem）。防抱死刹车系统可以提高行车时，车辆紧急制动的安全系数。在紧急情况下自动控制制动器制动力的大小，使车轮不被抱死，处于边滚边滑的状态，以保证车轮与地面的附着力在最大值。EBD的英文全称是ElectricBrakeforceDistribution，即“电子制动力分配”。EBD的功能就是在汽车制动的瞬间，高速计算出4个轮胎由于附着不同而导致的摩擦力数值，然后调整制动装置，使其按照设定的程序在运动中高速调整，达到制动力与摩擦力（牵引力）的匹配，以保证车辆的平稳和安全。扩展资料好处EBD相比ABS并没有任何硬件上的附加，而只是控制程序、功能上的优良与增强，甚至可以说EBD是ABS衍生出的辅助功能，在一些汽车的产品说明书上就是以ABSEBD来标明。EBD承载于ABS系统零件基础上，如：车速传感器、控制阀体总成、制动电脑等等，通过改进、增强ABS电脑内软件控制逻辑，使EBD比ABS思维更敏捷、运算功能更复杂，在制动时能根据车辆各个车轮的运动状态，智能分配各个车轮制动力大小，以维系车辆在制动状态下的平衡、平稳与方向。参考资料：百度百科《防抱死制动系统》人民网《EBD比ABS先进？》 2023-07-26 02:54:091

单片机中ISP和SPI的区别是什么？ ISP（In-System Programming）在系统可编程，指电路板上的空白器件可以编程写入最终用户代码，而不需要从电路板上取下器件，已经编程的器件也可以用ISP方式擦除或再编程。SPI（Serial Peripheral Interface）是一种串行串行同步通讯协议，由一个主设备和一个或多个从设备组成，主设备启动一个与从设备的同步通讯，从而完成数据的交换。 2023-07-26 02:54:142

仪表盘上的EBD指示灯是什么 仪表盘上的EBD英文全称是ElectronicBrakeforceDistribution“电子制动力”分配系统是一个增强的制动系统。它可以测量踩下制动踏板的速度有多快，以及踏板的用力度，而且，经过ABS系统，发送一个断断续续的制动液，帮助每个刹车制动系统能有平均稳定的刹车定力。车仪表盘上ABSEBD故障指示灯亮，说明有故障。建议用汽车电脑检测仪，检测一下，就可以发现问题，然后根据故障内容维修好。如果是偶发故障，清除故障码，故障指示灯就灭了。拓展资料EBD（电子制动力分配），英文全称为ElectronicBrakeforceDistribution，简称EBD。EBD实际上是ABS的辅助功能，是在ABS的控制电脑里增加一个控制软件，机械系统与ABS完全一致。它只是ABS系统的有效补充，一般和ABS组合使用，可以提高ABS的功效。当发生紧急制动时，EBD在ABS作用之前，可依据车身的重量和路面条件，自动以前轮为基准去比较后轮轮胎的滑动率，如发觉此差异程度必须被调整时，刹车油压系统将会调整传至后轮的油压，以得到更平衡且更接近理想化的刹车力分布。配置有EBD系统的车辆，会自动侦测各个车轮与地面间的附着力状况，将刹车系统所产生的力量，适当地分配至四个车轮。在EBD系统的辅助之下，制动力可以得到最佳的效率，使得制动距离明显地缩短，并在制动的时候保持车辆的平稳，提高行车的安全。而EBD系统在弯道之中进行刹车的操作亦具有维持车辆稳定的功能，增加弯道行驶的安全。，简称EBD。EBD实际上是ABS的辅助功能，是在ABS的控制电脑里增加一个控制软件，机械系统与ABS完全一致。它只是ABS系统的有效补充，一般和ABS组合使用，可以提高ABS的功效。当发生紧急制动时，EBD在ABS作用之前，可依据车身的重量和路面条件，自动以前轮为基准去比较后轮轮胎的滑动率，如发觉此差异程度必须被调整时，刹车油压系统将会调整传至后轮的油压，以得到更平衡且更接近理想化的刹车力分布。配置有EBD系统的车辆，会自动侦测各个车轮与地面间的附着力状况，将刹车系统所产生的力量，适当地分配至四个车轮。在EBD系统的辅助之下，制动力可以得到最佳的效率，使得制动距离明显地缩短，并在制动的时候保持车辆的平稳，提高行车的安全。而EBD系统在弯道之中进行刹车的操作亦具有维持车辆稳定的功能，增加弯道行驶的安全。EBD的原理与功能：EBD的功能就是在汽车制动的瞬间，高速计算出四个轮胎由于附着不同而导致的摩擦力数值，然后调整制动装置，使其按照设定的程序在运动中高速调整，达到制动力与摩擦力(牵引力)的匹配，以保证车辆的平稳和安全。当紧急刹车车轮抱死的情况下，EBD在ABS动作之前就已经平衡了每一个轮的有效地面抓地力，可以防止出现甩尾和侧移，并缩短汽车制动距离。EBD实际上是ABS的辅助功能，它可以改善提高ABS的功效。所以在安全指标上，汽车的性能又多了“ABS+EBD”。在刹车的时候，车辆四个车轮的刹车卡钳均会动作，以将车辆停下。但由于路面状况会有变异，加上减速时车辆重心的转移，四个车轮与地面间的抓地力将有所不同。传统的刹车系统会平均将刹车总泵的力量分配至四个车轮。从上述可知，这样的分配并不符合刹车力的使用效益。EBD系统便被发明以将刹车力做出最佳的应用。注意事项：提醒所有的网友，主动安全配备与被动安全配备，在汽车行驶上都属于「辅助」装置，都是在车辆超越操控极限的情形之下，进行辅助的装置。装配这些辅助装置，并不能确保行车的绝对安全，仅能降低车祸意外发生的机率及伤害的程度。真正安全行车的关键，仍在于适当的保养，确保车辆机构的正常运作以及安全的驾驶行为。参考资料百度百科-ebd 2023-07-26 02:54:171

欧洲中世纪具体时间？ 公元476年~公元1453年 2023-07-26 02:54:205

ISP许可证是什么？ ISP：全称为Internet Service Provider，即因特网服务提供商，能提供拨号上网服务、网上bai浏览、下载文件、收发电子邮件等服务，是网络最终用户进入Internet的入口和桥梁。它包括Internet接入服务和Internet内容提供服务。这里主要是Internet接入服务，即通过电话线把你的计算机或其他终端设备连入Internet。由于接驳国际互联网需要租用国际信道，其成本对于一般用户是无法承担的。Internet接入提供商作为提供接驳服务的中介，需投人大量资金建立中转站，租用国际信道和大量的当地电话线，购置一系列计算机设备，通过集中使用，分散压力的方式，向本地用户提供接驳服务。较大的ISPs拥有他们自己的告诉租用线路以至于他们很少依赖电信供应商，并且能够为他们的客户提供更好的服务。最大的国际和地域性因特网服务提供商有：AT&T WorldNet，IBM全球网，MCI，Netcom，UUNet，和PSINet。在ISP证书上指的是“第二类增值电信业务中的因特网接入服务业务”，可以这么理解，这个“接入服务”，指的是“为接入互联网而进行的一系列配套服务”，这个接入概念并不仅仅指连接一个宽带光纤等物理接入，也指把一个网站等信息载体成功和互联网连接，为接入互联网而进行的一系列配套增值服务，如空间出租，服务器托管等。因此信息产业部的表达比仅仅用“技术服务商”解释ISP要完整。在互联网应用服务产业链“设备供应商——基础网络运营商——内容收集者和生产者——业务提供者——用户”中，ISP/ICP处于内容收集者、生产者以及业务提供者的位置。若是有具体证件办理的需求，可以咨询相应的代理机构，像阿里云平台有提供，可以在它们官网进行咨询了解。办理isp营业许可证需要20~60工作日，申请ISP许可证备案材料齐全、符合法定形式的，省、自治区、直辖市通信管理局予以受理，并发出受理通知书；对不予受理的，应当向申请人者发出不予受理申请通知书，并说明理由；对申请材料不齐全或者不符合法定形式的，在5个工作日内一次性书面告知申请人需要补正的全部内容。isp资质办理申请条件：1、经营者为依法设立的公司；2、有与开发经营活动相适应的资金和专业人员；3、有为用户提供长期服务的信誉或者能力；4、有业务发展计划及相关技术方案；5、健全的网络与信息安全保障措施，包括网站安全保障措施、信息安全保密管理制度、用户信息安全管理制度；6、涉及到ISP管理办法中规定须要前置审批的信息服务内容的，已取得有关主管部门同意的文件。ISP资质申请材料：1、公司企业法人营业执照副本、法定代表人身份证；2、工商档案查询章程；3、一级股东证件证明材料（自然人股东身份证、企业法人股东公司营业执照副本和工商档案查询章程）；4、公司联系人、网络与信息安全负责人、客服负责人3个人的身份证和社保证明。 2023-07-26 02:54:2412

什么是马太效应 2023-07-26 02:54:001

汽车的 ABS和EBD 作用是什么? ABS(Anti-lock Brake System)即“防抱死制动系统”，能有效控制车轮保持在转动状态，提高制动时汽车的稳定性及较差路面条件下的汽车制动性能。ABS通过安装在各车轮或传动轴上的转速传感器不断检测各车轮的转速，由计算机算出当时的车轮滑移率，并与理想的滑移率相比较，做出增大或减小制动器制动压力的决定，命令执行机构及时调整制动压力，以保持车轮处于理想制动状态。EBD的英文全称是Electric Brakeforce Dis-tribution，中文直译就是“电子制动力分配”。汽车制动时，如果四只轮胎附着地面的条件不同，比如，左侧轮附着在湿滑路面，而右侧轮附着于干燥路面，四个轮子与地面的摩擦力不同，在制动时(四个轮子的制动力相同)就容易产生打滑、倾斜和侧翻等现象。　　EBD的功能就是在汽车制动的瞬间，高速计算出四个轮胎由于附着不同而导致的摩擦力数值，然后调整制动装置，使其按照设定的程序在运动中高速调整，达到制动力与摩擦力(牵引力)的匹配，以保证车辆的平稳和安全。　　当紧急刹车车轮抱死的情况下，EBD在ABS动作之前就已经平衡了每一个轮的有效地面抓地力，可以防止出现甩尾和侧移，并缩短汽车制动距离。　　EBD实际上是ABS的辅助功能，它可以改善提高ABS的功效。所以在安全指标上，汽车的性能又多了“ABS+EBD”。在刹车的时候，车辆四个车轮的刹车卡钳均会作动，以将车辆停下。但由于路面状况会有变异，加上减速时车辆重心的转移，四个车轮与地面间的抓地力将有所不同。传统的刹车系统会平均将刹车总泵的力量分配至四个车轮。从上述可知，这样的分配并不符合刹车力的使用效益。EBD系统便被发明以将刹车力做出最佳的应用。 EBD是Electronic Brake-Force Distribution的缩写，中文全名为电子刹车力分配系统。配置有EBD系统的车辆，会自动侦测各个车轮与地面将的抓地力状况，将刹车系统所产生的力量，适当地分配至四个车轮。在EBD系统的辅助之下，刹车力可以得到最佳的效率，使得刹车距离明显地缩短，并在刹车的时候保持车辆的平稳，提高行车的安全。而EBD系统在弯道之中进行刹车的操作亦具有维持车辆稳定的功能，增加弯道行驶的安全。 2023-07-26 02:54:001

香港警察分为哪几种,用英文缩写的 宪委级（高级警官）警务处处长（Commissioner of Police，CP）警务处副处长（Deputy Commissioner of Police，DCP）警务处高级助理处长（Senior Assistant Commissioner ofPolice，SACP）警务处助理处长（Assistant Commissioner of Police，ACP）总警司（Chief Superintendent of Police，CSP）高级警司（Senior Superintendent of Police，SSP）警司（Superintendent of Police，SP）督察级（警官）总督察（Chief Inspector of Police，CIP）高级督察（Senior Inspector of Police，SIP）督察（Inspector of Police，IP）见习督察（Probationary Inspector of Police，PI）员佐级（初级警务人员）警署警长（Station Sergeant，SSGT）警长（Sergeant，SGT）高级警员（Senior Police Constable，SPC）警员（Police Constable，PC） 2023-07-26 02:53:593

女人说isp是什么意思 应是“LSP”。”lsp”是“老色批”的缩写。多指颜值区和舞蹈区直播间的观众，调侃意味着两个区的观众大都是颜值至上，所以调侃为老色痞，有调侃与自黑的意味。并非人身攻击。但为了避免误会，尽量不要随意玩梗。近义词：颜值，网络流行词。颜，汉语词，有容颜，容貌的意思，日语常用“颜”来表达容貌；值，表示数值。起初在偶像团体传播，后国内综艺节目使用并通网络力量带火了此词语。颜值表示人靓丽的数值，用来评价人物相貌，如同其他数值一样。“颜值”也有衡量标准，可以测量和比较，所以有“颜值高”“颜值爆表”“颜值低”“颜值暴跌”的说法。 2023-07-26 02:53:581

猜你想看

perfect 干组词红双喜香烟价格表大全生产车间安全管理培训香烟价格表 what edm是什么意思楚小云百燕之家 scoops bucking 设备管理培训企业管理培训企业管理培训课程 6S管理培训精益生产企业管理培训现场管理培训阅读仓库安全管理培训内容精细化管理企业财务管理培训香烟价格查询领导力沙盘模拟企业经营采购谈判培训企业绩效薪酬管理培训熬姜呷醋 indirecttax 阅读 adopts 七匹狼香烟价格黄山香烟价格海员自找初中升学率中学初中升学率中学 good 反义词大学

javascript在使用过程中，浏览器之间存在什么样的差异

共2条回复

相关推荐

猜你想看

大家在看