下载文档原格式
页面上常用的公式页面中的CGI变量1.按钮URLhttp://host/数据库名/dominoObject?action&argument特殊的打开文件中的附件名http://host/数据库名/documentUNID/$file/附件名代理1.定义变量Dim 变量名as 类型2.定义数组a.Dim 数据名(维数) as 类型b. redim preserve 数据名(维数) as 类型保留数据重新定义数组3．定义列表Dim 列名list as 类型例list(“s”)=5Print list(“s”)3.注示a.单行…号b.多行%rem ……………..%endrem4If 语句a.If 条件thenElseif 条件thenEnd ifc.if 条件thenelseend ifd.if条件thenend if4.for语句for index=1 to endnext5. While 条件…‟‟‟‟‟‟‟‟‟Wend6. DoLoop Until 条件7. Forall v In 数组列表……….End Forall8 With 对象.属性1=值1. 属性2=值2……………..End With9. select case 变量Case 值1：语句Case 值2：语句Case 值3：语句………………End select10. Evaluate执行公式例返回文档中的附件名:evaluate("@AttachmentNames",doc_tmp)12 常用代码a.读关系数据库Dim path_tmp As New KMPathDim db_config As New NotesDatabase(cur_db.server,path_tmp.GetFileDirectory("SystemConfig.nsf")) Dim view_config As NotesViewDim doc_config As NotesDocumentSet view_config=db_config.getview("(SystemSetting)")Set doc_config=view_config.getfirstdocumentSet con =New ODBCConnectionSet qry= New ODBCQuerySet result=New ODBCResultSetCallcon.ConnectTo(doc_config.ODBCSource(0),doc_config.ODBCUser(0),doc_config.ODBCPasswo rd(0))Set qry.Connection=conSet result.Query=qrySql=”sql语句”qry.SQL=sqlCall result.Execute()If result.IsResultSetAvailable ThenDoresult.NextRowresult.getValue(“表中列名”)Loop Until result.IsEndOfDataend ifb.读domino中的数据Dim session As New notessessionDim db_current As notesdatabaseDim doc_current As notesdocumentDim col_tmp As notesdocumentcollectionDim doc_tmp As notesdocumentSet db_current=session.currentdatabaseSet doc_current=session.documentcontextformual="form='fmSubModel'"Set col_tmp=db_current.search(formual,Nothing,0)If col_tmp.Count>0 ThenFor index=1 To col_tmp.CountSet doc_tmp=col_tmp.GetNthDocument(index)Doc_temp.getName(0)….NextEnd ifc.代理中出输a)输出javascriptPrint <script language=‟javascript‟>…………………….Print “</script>”b)输出链接Print “[”+链接地址+”]”c)输出XMLPrint |content-type:text/xml|Print |<?xml version="1.0" encoding="gb2312"?>|Print |<root>|Print str_xmlPrint |</root>|代理的过程1.得到当前的上下文Notessession2.得到当前的数据库notesdatabase3.得到当前文档当前页面notesdocument4.通过当前页面取的Query_String_Decoded域来取参数5.通过对当前页面的域赋值也可以改变当前显示页面的值代理的调用的时间1.打开页面时调用在webQueryOpen中调用2.通过按钮来调用。
JavaScript中的DOM操作和事件处理DOM（文档对象模型）是JavaScript操作HTML文档的基础。
通过DOM，我们可以通过JavaScript来访问、修改和操作HTML元素、属性以及样式等。
同时，JavaScript还可以通过事件处理来响应用户的操作。
本文将详细介绍JavaScript中的DOM操作和事件处理的相关知识。
一、DOM操作1. 访问元素在JavaScript中，我们可以通过不同的方式来访问HTML元素。
常用的方法有getElementById、getElementsByClassName和getElementsByTagName。
例如，要访问id为"myElement"的元素，我们可以使用以下代码：```javascriptvar element = document.getElementById("myElement");```2. 修改元素内容一旦我们访问到了HTML元素，就可以通过修改其内容来实现动态效果。
可以使用innerHTML属性来改变元素的内容。
例如，要将一个段落的内容修改为"Hello, World!"，可以使用以下代码：```javascriptelement.innerHTML = "Hello, World!";```3. 修改元素样式在JavaScript中，可以通过style属性来修改元素的样式。
可以直接修改样式的属性，也可以通过设置className来改变元素的类。
例如，要将一个按钮的背景颜色修改为红色，可以使用以下代码：```javascriptelement.style.backgroundColor = "red";```4. 创建和添加元素除了修改现有元素，我们还可以通过JavaScript来创建元素并将其添加到HTML文档中。
可以使用createElement和appendChild方法来实现。
javascriptdom操作实例JavaScript DOM 操作实例主题DOM （Document Object Model）是一种用于访问和操作HTML文档的编程接口。
JavaScript通过DOM操作可以获取、修改HTML元素的内容、属性和样式，以实现动态交互和页面效果。
本文将通过一系列实例，演示使用JavaScript的DOM操作。
在每个实例中，我们将使用具体的代码和解释来说明DOM的不同方面和功能。
希望这些例子能够帮助您更好地理解和应用DOM操作。
1. 获取HTML元素首先，我们将演示如何使用DOM获取HTML元素。
在JavaScript中，可以使用`document.getElementById()`方法来获取指定id属性的元素。
下面是一个示例代码：javascriptvar element = document.getElementById('myElement');2. 修改HTML元素内容DOM还允许我们修改HTML元素的内容。
可以使用`innerHTML`属性来访问或修改元素的HTML内容。
下面是一个示例代码：javascriptvar element = document.getElementById('myElement'); element.innerHTML = 'New Content';3. 修改HTML元素样式DOM还提供了一种修改HTML元素样式的方法。
可以使用`style`属性来访问或修改元素的CSS样式。
下面是一个示例代码：javascriptvar element = document.getElementById('myElement'); element.style.color = 'red';element.style.fontSize = '20px';4. 添加和移除HTML元素DOM还允许我们动态地添加和移除HTML元素。
Javascript DOM 编程艺术第二版第一章Javascript 简史1.Javascript是Netscape公司和Sun公司合作开发2.DOM针对文档的内容进行抽象和概念化的方法3.DHTML 描述HTML CSS 和Javascript 技术组合的术语（1）利用HTML将网页标记为各种元素（2）利用CSS设置元素样式和它们的显示位置（3）利用Javascript 实时地操控页面和改变样式第二章Javascript 语法1.将Javascript代码放到文档<head>标签中的<script>标签之间2.把Javascript代码存为一个扩展名为.js的独立文件<script src=”file.js”></script>可以放在文档head部分，最好放在HTML文档最后，<body>标签之前（可以使浏览器更快的加载页面3.程序设计语言分为：解释型javascript 仅需要解释器（浏览器中有解释器）编译型java 和c++ 需要编译器4.Var mood=”happy”,age=33;通常驼峰格式是函数名、方法名和对象属性名命名的首选格式。
Javascript是弱类型语言转义egvar height=”about 5’10\” tall”;alert(height);输出：a bout 5’10’’ tall5.数组var arrays=array（“j oin”,”paul”,”mood”,”ringo”）;var arrays=[ “j oin”,”paul”,”mood”,”ringo”];6. alert(“10“+20)；1020alert(10+20); 307.变量的作用域全局变量：作用域是整个脚本，在脚本的任何位置，包括函数内部都可以引用。
局部变量：只存在与申明它的那个函数的内部，作用域仅限于某个特定的函数用var关键字明确地为函数变量设定作用域（1）如果在某个函数中使用了var ，这个变量就是一个局部变量，只存在于这个函数的上下文中（2）没有使用var ，变量会被视为一个全局变量，如果脚本里已经存在一个与之同名的全局变量，这个函数就会改变那个全局变量的值eg function square (num) {（var）total=num*num; //全局变量return total;}var total =50;var number=square(20);alert(total); //运行结果：400加上var以后，total变得安全了，之后再怎么调用square()函数也不会影响到total；第三章DOM 文档对象模型1.D：DOM把编写的网页文档转换为一个文档对象O：object对象，javascript里面对象分为三类：用户定义对象，内建对象，宿主对象。
常见的原⽣javascriptDOM操作1.创建元素创建元素：document.createElement()使⽤document.createElement()可以创建新元素。
这个⽅法只接受⼀个参数，即要创建元素的标签名。
这个标签名在HTML⽂档中不区分⼤⼩写，在XHTML中区分⼤⼩写。
var div = document.createElement("div");使⽤createElement()⽅法创建新元素的同时，也为新元素设置了ownerDocument属性，可以操作元素的特性。
div.id = "myDiv";div.className = "div1";此时，新元素尚未被添加到⽂档树中，因此设置各种特性均不会影响浏览器的显⽰。
要添加到⽂档树，可⽤appendChild()、insertBefore()、replaceChild()。
（稍后讲到）document.body.appendChild(div);当把元素添加到⽂档树中后，伺候⿁这个元素做的任何修改都会实时地反应到浏览器中。
在IE中可以为createElement()⽅法传⼊完整的元素标签和属性。
(只在IE中兼容)var div = document.createElement("<div id=\"mydiv\" class=\"div1\"></div>");不能再标签⾥加其他元素节点或者⽂本节点，如下的⽅式和上⾯的得出的节点⼀样var div = document.createElement("<div id=\"mydiv\" class=\"div1\">12212</div>");创建⽂本节点：document.createTextNode使⽤document.createTextNode()来创建⽂本节点，这个⽅法接受⼀个参数：要插⼊节点的⽂本。
dom常用话术DOM（DocumentObjectModel）是一种用于处理HTML和XML文档的编程接口。
在Web开发中，DOM的重要性不言而喻，它是JavaScript 与HTML文档之间的桥梁，可以让我们通过JavaScript来操作HTML 文档中的元素。
本文将介绍一些常用的DOM话术，以帮助读者更好地理解和应用DOM。
1. 获取元素在操作HTML文档之前，我们需要先获取HTML文档中的元素。
DOM 提供了多种方法来获取元素，常用的有以下几种：1.1 getElementById该方法可以通过元素的id属性获取元素，返回值是一个元素对象。
例如，我们可以通过以下代码获取id为“demo”的元素：```javascriptvar demo = document.getElementById('demo');```1.2 getElementsByTagName该方法可以通过元素的标签名获取元素，返回值是一个HTMLCollection对象。
例如，我们可以通过以下代码获取所有的p 元素：```javascriptvar pList = document.getElementsByTagName('p');```1.3 getElementsByClassName该方法可以通过元素的class属性获取元素，返回值是一个HTMLCollection对象。
例如，我们可以通过以下代码获取所有class 为“demo”的元素：```javascriptvar demoList = document.getElementsByClassName('demo'); ```1.4 querySelector该方法可以通过CSS选择器获取元素，返回值是一个元素对象。
例如，我们可以通过以下代码获取第一个class为“demo”的p元素： ```javascriptvar demo = document.querySelector('p.demo');```1.5 querySelectorAll该方法可以通过CSS选择器获取多个元素，返回值是一个NodeList对象。
精通JavaScript的高级技巧与应用第一章：变量和数据类型在JavaScript中，变量和数据类型是我们编写代码时经常遇到的基本概念。
熟练掌握JavaScript中的变量声明和数据类型操作是成为高级JavaScript开发者的基础。
1.1 变量声明JavaScript中使用var、let和const来声明变量，各有其特点。
其中，var是ES5引入的关键字，let和const是ES6新增的。
1.2 数据类型JavaScript中的数据类型包括基本数据类型和引用数据类型。
基本数据类型包括数字、字符串、布尔值、null和undefined，而引用数据类型包括对象、数组和函数。
第二章：函数的高级技巧函数在JavaScript中具有重要的地位，是实现代码复用和模块化的关键。
通过熟练运用一些高级技巧，可以让函数使用更加灵活和高效。
2.1 匿名函数和立即执行函数匿名函数是没有函数名的函数，在JavaScript中常用于定义回调函数或创建闭包。
而立即执行函数则是定义后立即调用的函数，用于创建独立的作用域并避免全局变量污染。
2.2 函数柯里化函数柯里化是一种将多参数函数转化为一系列接受单一参数的函数的技术。
通过柯里化，可以方便地复用函数、延迟参数传递和创建偏函数。
第三章：面向对象编程的高级技巧面向对象编程是JavaScript中重要的编程范式之一，通过合理运用一些高级技巧，可以方便地实现封装、继承和多态等特性。
3.1 构造函数和原型链构造函数用于创建对象实例，而原型链则用于实现继承关系。
熟练使用构造函数和原型链可以有效优化内存占用，并实现灵活的对象关系。
3.2 ES6中的类和继承ES6引入了class关键字，用于更加简洁地定义类和实现继承。
熟练掌握ES6中的类和继承可以提高代码的可读性和可维护性。
第四章：异步编程的高级技巧JavaScript的异步编程是一项关键技能，用于处理网络请求、文件操作和定时任务等。
通过熟练掌握一些高级技巧，可以编写出更加健壮和高效的异步代码。
dom语言技巧DOM（文档对象模型）是一种用于操作HTML和XML文档的编程接口。
它将文档视为一个对象树，可以通过操作树中的节点来实现对文档的修改。
在本文中，将介绍一些DOM语言技巧，以便更好地操作文档对象模型。
1. 使用getElementById方法使用getElementById方法可以方便地获取指定id的元素节点。
例如：```javascriptvar element = document.getElementById('myId');```此代码将获取具有id“myId”的元素节点，并将其分配给变量element。
您可以在之后的代码中使用该变量来操作该元素。
2. 使用querySelector方法使用querySelector方法可以以更简单的方式获取元素节点。
例如：```javascriptvar element = document.querySelector('.myClass');```此代码将获取具有类名“myClass”的第一个元素节点，并将其分配给变量element。
您还可以使用选择器语法来获取其他类型的元素，例如：```javascriptvar element = document.querySelector('div:first-child');```此代码将获取文档中第一个div元素节点。
3. 使用childNodes属性使用childNodes属性可以获取元素节点的所有子节点。
例如：```javascriptvar children = element.childNodes;```此代码将获取element元素节点的所有子节点，并将其分配给变量children。
您可以在之后的代码中使用该变量来操作这些子节点。
4. 使用innerHTML属性使用innerHTML属性可以获取或设置元素节点的HTML内容。
例如：```javascriptvar html = element.innerHTML;```此代码将获取element元素节点的HTML内容，并将其分配给变量html。
Event 事件事件源对象event.srcElement.tagNameevent.srcElement.type捕获释放event.srcElement.setCapture();event.srcElement.releaseCapture();事件按键event.keyCodeevent.shiftKeyevent.altKeyevent.ctrlKey事件返回值event.returnValue鼠标位置event.xevent.ydocument 对象窗体活动元素document.activeElement绑定事件document.captureEvents(Event.KEYDOWN); 访问窗体元素document.all("txt").focus();document.all("txt").s elect();窗体命令document.execCommand窗体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);HTML标签document.documentElement.innerHTML第一个sty le标签document.styleSheets[0]style标签里的第一个样式document.styleSheets[0].rules[0]获取选中内容document.selection.createRange().duplicate().text插件数目navigator.plugins取变量类型typeof($js_libpath) == "undefined"下拉框下拉框.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)替换CSSdocument.all.csss.href = "a.css";并排显示display:inline隐藏焦点hidefocus=true根据宽度换行style="word-break:break-all"让英文字符串超出表格宽度自动换行word-wrap: break-word; word-break: break-all; 框架透明背景获得style内容obj.style.cssText自动刷新简单邮件MailMe快速转到位置obj.scrollIntoView(true)锚anchors网页传递参数location.search();可编辑obj.contenteditable=true执行菜单命令obj.execCommand双字节字符/[^\x00-\xff]/汉字/[\u4e00-\u9fa5]/防止点击空链接时，页面往往重置到页首端word上一网页源asp:request.servervariables("HTTP_REFE RER") javascript:document.referrer释放内存CollectGarbage();禁止右键document.oncontextmenu = function() { return false;}禁止保存title换行obj.title = "123 sdfs "获得时间所代表的微秒var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()窗口是否关闭win.closed窗口最大化无关闭按钮IEwindow.open("aa.htm", "meizz", "fullscreen=7");统一编码/解码alert(decodeURIComp onent(encodeURICompon ent("/s?wd=阿飞"))) encodeURIComp onent对":"、"/"、";" 和"?"也编码表格行指示各种尺寸s += "\r\n网页可见区域宽："+ document.body.clientWidth;s += "\r\n网页可见区域高："+ document.body.clientHeight;s += "\r\n网页可见区域高："+ document.body.offsetWeight +" (包括边线的宽)";s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";s += "\r\n网页正文全文宽："+ document.body.scrollWidth;s += "\r\n网页正文全文高："+ document.body.scrollHeight;s += "\r\n网页被卷去的高："+ document.body.scrollTop;s += "\r\n网页被卷去的左："+ document.body.scrollLeft;s += "\r\n网页正文部分上："+ window.screenTop;s += "。
JavaScript编程技巧在现代的Web开发中，JavaScript已经成为了一种必备的编程语言。
无论是开发交互式网页、构建响应式应用还是设计复杂的前端逻辑，JavaScript都扮演着重要的角色。
为了帮助你更好地掌握JavaScript编程技巧，本文将介绍一些实用的技巧和最佳实践。
一、变量声明和命名规范在JavaScript编程中，良好的变量声明和命名规范可以增强代码的可读性和可维护性。
以下是几个值得注意的规则：1. 使用有意义的变量名：避免使用单个字符或者无意义的命名。
使用描述性的变量名可以有效地传达变量的用途和含义。
2. 使用驼峰命名法：在变量名中使用小写字母开头，后续单词首字母大写。
例如：myVariable，firstName等。
3. 避免使用全局变量：全局变量容易导致变量命名冲突和代码混乱。
尽量使用局部变量，并使用let或const关键字进行声明和定义。
4. 避免使用保留字：避免使用JavaScript的保留字作为变量名，防止产生语法错误。
二、条件判断和循环优化在JavaScript编程中，条件判断和循环是非常常见的结构。
优化这些结构可以提高代码的执行效率。
以下是一些优化技巧：1. 避免深层嵌套的if-else语句：过多的嵌套会导致代码难以理解和维护，可以考虑使用switch语句或将复杂的逻辑拆分成独立的函数。
2. 使用短路逻辑：在进行条件判断时，可以利用短路逻辑来简化代码。
例如，使用`&&`来增加条件判断的效率，使用`||`来提供默认值。
3. 避免频繁的DOM操作：在循环中频繁地进行DOM操作会降低性能，可以将操作集中到循环外部，减少DOM操作的次数。
三、错误处理和异常捕获JavaScript中的错误处理和异常捕获是保证代码稳定性和可靠性的重要手段。
以下是一些建议：1. 使用try-catch语句捕获异常：将可能出现异常的代码放在try块中，并通过catch块来处理异常。
JavaScript编程实践技巧第一章：命名规范与变量声明在JavaScript中，良好的命名规范是构建可维护性代码的关键。
以下是一些推荐的命名规范：1. 使用有意义且描述性的变量名和函数名，以增加代码的可读性。
2. 采用驼峰命名法来命名变量和函数，例如let myVariable。
3. 避免使用单个字符或简写来命名变量或函数，除非其用途明确并且在整个代码中广泛使用。
4. 使用常量时，采用全大写字母和下划线命名，例如constMAX_SIZE。
第二章：语法与错误处理理解JavaScript代码中的常见语法和错误处理是成为优秀JavaScript程序员的关键。
1. 在编写代码时，始终使用严格相等运算符（===）进行比较，以避免类型转换引起的错误。
2. 使用条件语句（if-else语句）和循环结构（for循环和while循环）来控制程序的执行流程。
3. 使用try-catch语句来处理可能引发异常的代码块，以确保程序的稳定性。
第三章：函数的使用与定义函数是JavaScript的核心概念之一，正确使用和定义函数可以使代码更加模块化和可复用。
1. 函数应该具有单一的职责，执行特定的任务，并且不承担其他职责。
2. 尽量避免使用全局函数，而是将函数封装在对象或模块中，以避免命名冲突和全局污染。
3. 使用函数表达式或箭头函数来定义函数，提高代码的可读性和灵活性。
第四章：数组与对象的操作数组和对象是JavaScript中最常用的数据类型之一，熟练操作它们可以提高代码的效率和可读性。
1. 使用数组的内置方法（例如push、pop、shift、unshift）来执行常见的数组操作，如添加、删除和修改元素。
2. 使用对象的属性和方法来操作和管理数据。
3. 使用对象的解构赋值和展开操作符来简化对对象的操作。
第五章：模块化设计与代码组织模块化设计可以提高代码的可复用性和可维护性，帮助开发者更好地组织自己的代码。
1. 使用模块化的工具或模式（例如ES模块、CommonJS、AMD）来将代码分割为独立的模块，每个模块负责特定的功能。
58种网页常用小技巧（javascript）1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table2. <body onselectstart="return false"> 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut="return false;" 防止复制5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标7. <input style="ime-mode:disabled"> 关闭输入法8. 永远都会带着框架<script language="JavaScript"><!--if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页// --></script>9. 防止被人frame<SCRIPT LANGUAGE=JAVASCRIPT><!--if (top.location != self.location)top.location=self.location;// --></SCRIPT>10. 网页将不能被另存为<noscript><iframe src=*.html></iframe></noscript>11. <input type=button value=查看网页源代码onclick="window.location = "view-source:"+ """>12.删除时确认<a href="javascript :if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a>13. 取得控件的绝对位置//Javascript<script language="Javascript">function getIE(e){var t=e.offsetTop;var l=e.offsetLeft;while(e=e.offsetParent){t+=e.offsetTop;l+=e.offsetLeft;}alert("top="+t+"/nleft="+l);}</script>//VBScript<script language="VBScript"><!--function getIE()dim t,l,a,bset a=document.all.img1t=document.all.img1.offsetTopl=document.all.img1.offsetLeftwhile a.tagName<>"BODY"set a = a.offsetParentt=t+a.offsetTopl=l+a.offsetLeftwendmsgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"end function--></script>14. 光标是停在文本框文字的最后<script language="javascript">function cc(){var e = event.srcElement;var r =e.createTextRange();r.moveStart("character",e.value.length);r.collapse(true);r.select();}</script><input type=text name=text1 value="123" onfocus="cc()">15. 判断上一页的来源javascript :document.referrer16. 最小化、最大化、关闭窗口<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"><param name="Command" value="Minimize"></object> <object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"><param name="Command" value="Maximize"></object> <OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><PARAM NAME="Command" VALUE="Close"></OBJECT><input type=button value=最小化 onclick=hh1.Click()><input type=button value=最大化 onclick=hh2.Click()><input type=button value=关闭 onclick=hh3.Click()>本例适用于IE17.屏蔽功能键Shift,Alt,Ctrl<script>function look(){if(event.shiftKey)alert("禁止按Shift键!"); //可以换成ALT CTRL}document.onkeydown=look;</script>18. 网页不会被缓存<META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"><META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">或者<META HTTP-EQUIV="expires" CONTENT="0">19.怎样让表单没有凹凸感？<input type=text style="border:1 solid #000000">或<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:1 solid #000000"></textarea>20.<div><span>&<layer>的区别？<div>(division)用来定义大段的页面元素，会产生转行<span>用来定义同一行内的元素，跟<div>的唯一区别是不产生转行<layer>是ns的标记，ie不支持，相当于<div>21.让弹出窗口总是在最上面:<body onblur="this.focus();">22.不要滚动条?让竖条没有:<body style="overflow:scroll;overflow-y:hidden"></body>让横条没有:<body style="overflow:scroll;overflow-x:hidden"></body>两个都去掉？更简单了<body scroll="no"></body>23.怎样去掉图片链接点击后，图片周围的虚线？<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>24.电子邮件处理提交表单<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain"> <input type=submit></form>25.在打开的子窗口刷新父窗口的代码里如何写？window.opener.location.reload()26.如何设定打开页面的大小<body onload="top.resizeTo(300,200);">打开页面的位置<body onload="top.moveBy(300,200);">27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动<STYLE>body{background-image:url(logo.gif); background-repeat:no-repeat;background-position:center;background-attachment: fixed}</STYLE>28. 检查一段字符串是否全由数字组成<script language="Javascript"><!--function checkNum(str){return str.match(//D/)==null}alert(checkNum("1232142141"))alert(checkNum("123214214a1"))// --></script>29. 获得一个窗口的大小document.body.clientWidth;document.body.clientHeight30. 怎么判断是否是字符if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");else alert("全是字符");31.TEXTAREA自适应文字行数的多少<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"> </textarea>32. 日期减去天数等于第二个日期<script language=Javascript>function cc(dd,dadd){//可以加上错误处理var a = new Date(dd)a = a.valueOf()a = a - dadd * 24 * 60 * 60 * 1000a = new Date(a)alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")}cc("12/23/2002",2)</script>33. 选择了哪一个Radio<HTML><script language="vbscript">function checkme()for each ob in radio1if ob.checked thenwindow.alert ob.valuenextend function</script><BODY><INPUT name="radio1" type="radio" value="style" checked>Style<INPUT name="radio1" type="radio" value="barcode">Barcode<INPUT type="button" value="check" onclick="checkme()"></BODY></HTML>34.脚本永不出错<SCRIPT LANGUAGE="JavaScript"><!-- Hidefunction killErrors() {return true;}window.onerror = killErrors;// --></SCRIPT>35.ENTER键可以让光标移到下一个输入框<inputonkeydown="if(event.keyCode==13)event.keyCode=9">36. 检测某个网站的链接速度：把如下代码加入<body>区域中:<script language=Javascript>tim=1setInterval("tim++",100)b=1var autourl=new Array()autourl[1]=""autourl[2]=""autourl[3]=""autourl[4]=""autourl[5]=""function butt(){document.write("<form name=autof>")for(var i=1;i<autourl.length;i++)document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=textname=url"+i+" size=40> =》<input type=button value=GOonclick=window.open(this.form.url"+i+".value)><br>") document.write("<input type=submit value=刷新></form>")}butt()function auto(url){document.forms[0]["url"+b].value=urlif(tim>200){document.forms[0]["txt"+b].value="链接超时"}else{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"} b++}function run(){for(var i=1;i<autourl.length;i++)document.write("<imgsrc=http://"+autourl+"/"+Math.random()+" width=1 height=1onerror=auto("http://"+autourl+"")>")}run()</script>37. 各种样式的光标auto ：标准光标default ：标准箭头hand ：手形光标wait ：等待光标text ：I形光标vertical-text ：水平I形光标no-drop ：不可拖动光标not-allowed ：无效光标help ：?帮助光标all-scroll ：三角方向标move ：移动标crosshair ：十字标e-resizen-resizenw-resizew-resizes-resizese-resizesw-resize38.页面进入和退出的特效进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)"> 这个是页面被载入和调出时的一些特效。
javascript常⽤DOM操作整理1.选取了DOM操作中实⽤并常⽤的部分，省略了实⽤但有明显兼容性的部分2.DOM属性和⽅法的对象归属可能并不完全准确3.某些⼀般兼容性和特点做了标识(主要是ie8-9上下)节点类型节点类型节点值标签节点(Element)1属性节点(Attr)2⽂本节点(Text)3CDATA节点(CDATASetion)4实体引⽤节点(EntityReference)5实体节点(Entity)6处理指令节点(ProcessingInstruction)7注释节点(Comment)8⽂档节点(Document)9⽂档类型节点(DocumentType)10⽂档⽚段节点(DocumentFragment)11DTD声明节点(Notation)12Node类型属性说明nodeType节点类型nodeName节点名nodeValue节点值childNodes⼦节点parentNode⽗节点ownerDocument⽂档节点previousSibling上⼀个节点nextSibling下⼀个节点firstChild第⼀个⼦节点lastChild最后⼀个⼦节点Document类型属性说明documentElement html标签head[兼容性不够]head标签body body标签URL当前页urlreferrer来源页urldomain[可修改]页⾯域名images所有图⽚集合cookie cookie信息title页⾯标题activeElement当前焦点元素documentMode⽂档模式readyState⽂档状态doctype⽂档类型声明scripts脚本集合forms form标签集合children元素类型的⼦节点集合defaultView document关联的window对象⽅法说明getElementById()返回对应id的元素getElementsByName()返回对应名称元素集合getElementsByTagName()返回对应标签名元素集合getElementsByClassName()返回指定类名的元素集合querySelector()返回符合选择器的第⼀个元素querySelectorAll()返回符合选择器的元素集合createElement()创建元素节点createTextNode()创建⽂本节点createAttribute()创建属性节点createComment()创建注释节点createDocumentFragment()创建空的 DocumentFragment 对象matchesSelector()[兼容性不够，需要前缀]该选择器是否符合元素匹配write()[输出后光标不换⾏]⽂档⽂本写⼊writeIn()[输出后光标换⾏]⽂档⽂本写⼊implementation.hasFeature(特性,版本)特性监测Element类型属性说明id idclassName类名title标题style设置或返回元素的样式属性innerHTML设置或者返回元素的内容outerHTML[包含⾃⾝]设置或者返回元素的内容textContent[ie-innerText]设置或返回⽂本内容contentEditable设置或返回元素的可编辑状态isContentEditable是否可编辑childElementCount⼦元素节点个数firstElementChild第⼀个元素节点lastElementChild最后⼀个元素节点previousElementSibling上⼀个元素节点nextElementSibling下⼀个元素节点⽅法说明返回focus()设置焦点blur()失去焦点appendChild(节点)在⼦节点列表之后插⼊新增节点insertBefore(节点,参照节点)在参照节点之前插⼊节点插⼊节点removeChild(节点)节点删除被删节点replaceChild(节点,被替换的节点)节点替换被替换节点cloneNode(布尔值)复制节点克隆节点importNode(节点,布尔值)从A⽂档中取得a节点，将其导⼊B⽂档(类似cloneNode⽅法)contains(节点)该节点是否为调⽤节点的⼦级布尔值hasFocus()是否获得了焦点布尔值hasChildNodes()是否存在⼦节点布尔值isDefaultNamespace(url)是否指定了名称空间布尔值isEqualNode(节点)两个元素是否相等布尔值isSupported(特性，版本)是否⽀持某特性布尔值Attr类型属性说明name属性名value属性值isId是否为id类型specified属性是否被指定length属性长度属性说明attributes属性集合⽅法说明getAttribute()获取属性值getAttributeNode()获取属性节点setAttribute()设置属性值setAttributeNode()设置属性节点removeAttribute()删除属性removeAttributeNode()[ie不⽀持]删除属性节点hasAttribute()是否存在指定的属性hasAttributes()是否存在属性Text类型⽅法说明appendData(⽂本)将text添加到节点的末尾deleteData(位置,数量)从指定位置开始删除n个字符insertData(位置,⽂本)从指定位置插⼊⽂本replaceData(位置,数量,⽂本)⽤text替换从offset位置开始到offset+count为⽌处的⽂本splitText(位置)从指定位置将当前⽂本节点分裂成两个⽂本节点substringData(位置,数量)截取从offset位置开始到offset+count为⽌处的字符串normalize()合并相邻⽂本节点，并删除空的⽂本节点表格操作table元素属性⽅法说明caption caption元素指针tBodies tbody集合tFoot tfoot集合tHead thead元素rows表格所有⾏集合createTHead()创建 <thead> 元素，将其放到表格中，返回引⽤createTFoot()创建 <tfoot> 元素，将其放到表格中，返回引⽤createCaption()创建caption元素，将其放到表格中，返回引⽤deleteTHead()删除thead元素deleteTFoot()删除tfoot元素deleteCaption()删除caption元素deleteRow(pos)删除指定位置的⾏insertRow(pos)向⾏集合中的指定位置插⼊⼀⾏tbody元素属性⽅法说明rows tbody所有⾏集合deleteRow(pos)删除指定位置的⾏insertRow(pos)向⾏集合中的指定位置插⼊⼀⾏，返回引⽤tr元素属性⽅法说明cells tr所有单元格集合deleteCell(pos)删除指定位置的单元格insertCell(pos)向单元格集合中的指定位置插⼊⼀个单元格，返回引⽤样式操作访问元素样式DOM样式——js通过dom.style只能访问直接样式属性，不能访问嵌⼊样式表和外部样式表属性⽅法(dom.style)说明cssText返回style特性中所有样式的字符串形式length返回元素中CSS属性数量parentRule返回CSS信息的CSSRule对象getPropertyCSSValue(name)返回属性值的CSSValue对象(包含cssText和cssValueType) getPropertyPriority(name)是否使⽤了!important属性getPropertyValue(name)返回给定属性的字符串值removeProperty(name)从样式中删除给定属性setProperty(name,value,优先级)将给定属性设置为相应的值并加上优先级计算样式——样式层叠后实际起⽤的样式属性⽅法说明document.defaultView.getComputedStyle(dom,伪元素字符串)[ie不⽀持]返回当前元素所有计算后的样式dom.currentStyle[ie⽀持]返回当前元素所有计算后的样式操作样式表document.styleSheets——应⽤于⽂档的所有样式表属性(document.styleSheet[n])说明cssRules[ie不⽀持]单个样式表中的所有样式规则rules[ie⽀持]单个样式表中的所有样式规则document.styleSheets[n].cssRules/rules下属性说明cssText[ie不⽀持]整条样式规则的字符串selectorText样式选择符style具体样式对象⼤⼩和偏移属性说明offsetParent偏移的⽗容器getBoundingClientRect()获取页⾯元素实际位置和宽⾼(返回属性对象)offsetWidth元素宽度(可视内容区+滚动条+内边距+边框)offsetHeight元素⾼度(可视内容区+滚动条+内边距+边框)offsetLeft与相邻⽗级的左距离offsetTop与相邻⽗级的上距离clientWidth元素宽度(可视内容区+内边距)clientHeight元素⾼度(可视内容区+内边距)clientLeft内边距边缘与边框边缘的距离(左边框)clientTop内边距边缘与边框边缘的距离(上边框)scrollWidth元素宽度(可视内容区+滚动内容区+内边距)scrollHeight元素⾼度(可视内容区+滚动内容区+内边距)scrollLeft隐藏的滚动宽度(待滚动宽度)scrollTop隐藏的滚动⾼度(待滚动宽度)兼容性clientWidth/clientHeight和scrollWidth/scrollHeight存在游览器差异⽂／戡⽟（简书作者）原⽂链接：/p/e1391dc17361著作权归作者所有，转载请联系作者获得授权，并标注“简书作者”。
JavaScript库使用技巧JavaScript是一门广泛应用于前端开发的编程语言，它使得网页更加交互和动态。
随着互联网的快速发展，越来越多的JavaScript库也应运而生，以帮助开发人员更高效地编写代码、调试和优化项目。
本文将介绍一些使用JavaScript库的技巧，帮助读者更好地利用这些工具提升开发效率。
一、选择适合的JavaScript库JavaScript库的种类繁多，每个库都有自己的特点和用途。
在使用JavaScript库之前，开发人员需要明确自己的需求，并选择适合的库。
以下是一些广受欢迎的JavaScript库及其主要用途：1. jQuery：用于简化JavaScript开发，提供了丰富的API和强大的选择器，使得DOM操作、事件处理和动画效果变得更加简单和高效。
2. React：一个用于构建用户界面的JavaScript库，它采用了组件化开发的概念，提供了高效的虚拟DOM和状态管理，使得开发大规模应用变得更加容易。
3. AngularJS：一个功能强大的前端框架，它提供了双向数据绑定、依赖注入和模板引擎等特性，让开发人员能够更好地组织和管理代码。
4. D3.js：一个用于数据可视化的库，它提供了丰富的绘图功能，可以生成各种图表和图形，帮助开发人员更好地展示和分析数据。
5. Vue.js：一个轻量级但功能丰富的JavaScript库，它提供了响应式的数据绑定和组件化开发，使得构建交互式界面变得更加简单和灵活。
根据不同的项目需求，选择适合的JavaScript库将极大地提升开发效率和项目质量。
二、充分利用官方文档和社区资源1. 官方文档：每个JavaScript库都有详细的官方文档，其中包含了库的API和使用示例。
开发人员应该仔细阅读官方文档，了解库的用法和特性，以充分发挥库的优势。
2. 社区资源：JavaScript库的社区资源非常丰富，有许多开发者分享了自己的经验和技巧。
开发人员可以参与社区讨论、查找相关博客文章和教程，从中获取到更多的灵感和学习资料。
如何在JavaScript中操作 DOM 元素？在JavaScript中，操作DOM（文档对象模型）元素是非常常见的任务。
DOM是一种用来表示HTML和XML文档的结构化方式，它将文档表示成一个树状结构，并且可以通过JavaScript来操作这些节点。
下面是一些操作DOM元素的常见方法和技巧。
1.选择元素：在操作DOM元素之前，首先需要选择相应的元素。
JavaScript提供了几种不同的选择器来选择元素：- getElementById：通过元素的ID选择元素。
- getElementsByClassName：通过类名选择元素。
- getElementsByTagName：通过标签名选择元素。
- querySelector：通过CSS选择器选择元素。
- querySelectorAll：通过CSS选择器选择多个元素。
这些方法都会返回一个元素或者元素集合。
2.修改元素属性：通过选择元素，可以获取到元素的属性值，并且可以通过修改属性来改变元素的外观或行为。
使用如下方法来获取和设置元素的属性：- getAttribute：获取元素的属性值。
- setAttribute：设置元素的属性值。
- removeAttribute：移除元素的属性。
例如，可以通过以下方式来修改一个图片元素的src属性：```javascriptvar image = document.getElementById("myImage");image.setAttribute("src", "new-image.jpg");```3.修改元素内容：可以通过以下方法来修改元素的内容：- innerHTML：获取或设置元素的HTML内容。
- textContent：获取或设置元素的文本内容。
例如，可以使用innerHTML来添加一个新的段落到一个div元素中：```javascriptvar div = document.getElementById("myDiv");div.innerHTML += "<p>This is a new paragraph.</p>";```4.创建新元素：可以使用如下方法来创建新的元素节点：- createElement：创建一个指定类型的元素节点。
JavaScript小技巧介绍能够为大家提供这些简短而实用的JavaScript技巧来提高大家编程能力，这对于我来说是件很开心的事。
每天仅花上不到2分钟的时间中，你将可以读遍JavaScript这门可怕的语言所呈现给我们的特性：performance(性能), conventions(协议), hacks(代码hack), interview questions(面试问题)及所有其他的项。
#24 - 使用=== 代替====（或者!=）做对比的时候会将进行对比的两者转换到同一类型再比较。
===（或者!==）则不会，他会将进行对比的两者做类型对比和值对比，相对于== ，=== 的对比会更加严谨。
[10] == 10 // true[10] === 10 // false"10" == 10 // true"10" === 10 // false[] == 0 // true[] === 0 // false"" == false// true 但是true == "a" 是false"" === false// false#23 - 转换数值的更加的方法将字符串转换为数字是非常常见的。
最简单和最快的（jspref）的方式来实现，将使用+（加）算法。
var one = '1';varnumberOne = +one; // Number 1你也可以使用-（减号）算法的转换类型并且变成负数值。
var one = '1';varnegativeNumberOne = -one; // Number -1#22 - 清空一个数组你定义一个数组，并希望清空它的内容。
通常，你会这样做：var list = [1, 2, 3, 4];function empty() {//清空数组list = [];}empty();但是还有一种更高性能的方法。
关于Domino 的一些技巧，有以下方面可供参考：
打开系统通讯录：在Domino 主目录中，使用ctrl+shift 组合键，点击菜单栏的“View”，选择“go to…”，然后在弹出的对话框中选择“${Users}”，即可打开当前系统通讯录。
导出状态信息：在Domino Administrator 管理客户机中选择“服务器”选项卡下的“状态统计”，这里可以查看到任务、平台（CPU、内存、磁盘）等有用的信息。
导出数据库信息：在Domino Administrator 管理客户机中选择“文件”选项卡，在出现的数据库列表中，按ctrl+a 快捷键拷贝，再打开一个Excel 文件，直接ctrl+v，就可以将包括任务、平台（CPU、内存、磁盘）状态信息在内的数据导出。
Internet 邮件地址校验：很多企业把Domino 当作邮件服务器来使用，对外收发邮件最重要的设置就是用户的Internet 邮件地址。
用户数太多，Internet 邮件地址重复也是很难避免发生的，这时就需要使用Internet Address 校验工具。
打开待完成的任务：在Domino Administrator 管理客户机中，选择“文件”选项卡，在出现的数据库列表中，选择合适的邮件服务器（不是默认的local）以及Filename（例如admin4.nsf），打开后在Administration Requests 列表里面查看All Requests by Name，可以看到按名称条目分配排序的当前待完成的任务。
