DOMINO中最常用的JAVASCRIPT55个经典技巧
- 格式:pdf
- 大小:174.44 KB
- 文档页数:15
页面上常用的公式页面中的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块来处理异常。