DHTML操作
Form元素属性
<form method="get" action="http://www.google.com/search" >
元素的绝对定位:需设绝对,Z值,left,top;
<style="position: absolute;z-index:101;left:15px;top:5px; ">
元素的相对定位:相对于父元素,Z,left,top;
style="z-index:101;position:relative;top:0px;left:0px”;
窗口改变不换行 nowrap align
关闭window的下拉自动完成功能: autocomplete="off"
1> Javascrip基本操作;
函数: 子串查找str1.indexof(str2);
定义数组:
var arrOptions = new Array(“aa”,”bb”);
arrOptions.push(x);
参数的传递:
arguments[i];
网页加载时运行的事件
window.onload = function(){ }
Javascript文件的引入;
<script type = “text/javascript” src= “script.js”></script>
Javascript在页面上输出内容!
document.write(“hello!outputPage”);
新建一个IE窗口;
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
得到与失去焦点;
myWindows.focus(); txtUserPwd.blur();
类型转换字符串转换为数值;
parseInt(string类型)
大写转换为小写
TextValue = TextValue.toLowerCase();
类的定义:及引用
2>function student()
{
this.stuName ="";
this.stuID = "";
方法定义 注:缺省this时,为内部方法;
this.showStu = function()
{
alert(学生信息);
}
}
引用;
function btn_Class Onclick()
{
var stu = new student();
stu.stuID = document.getElementByid("txtStuID").value;
方法的引用;
stu.showStu();
}
onKeyUp 事件的键值;
intKey = event.keyCode; =13回车键,=38向上键,=40向下键
Javascript 事件发生时获得激发事件的控件;
var spanObj = event.srcElement .parentElement;
javascript 对 html元素的操作;
获得html控件的高度
var theElemHeight = theElement.offsetHeight;
动态添加document控件;
创建:var spanObj = document.createElement(“span”);
设值:span.innerText = “你好!”
取: var div=document.getElementById(“divSpan”);
添加:div.appendChild(spanObj);
var textBoxObj = document.createElement(“input”);
类型:textBoxObj.type = “button”;
div.appendChild(textBoxObj);
var tempOption = document.createElement(“option”);
tempOption.text && tempOption.value
selectObj.options.add(tempOption)
if(tempNode.getAttribute(“onchange”)!=null)
方法selectObj.setAttribute(“onchange”,eval(方名))
Document.form1.spanObj.onclick = 方法名;
//表的创建;
表到DIV需转换;
var tableObj = document.createElement(“table”)
var newRow = document.createElement(“tr”);(“td”)
divTable.innerHTML = tableObj.outerHTML;
创建后的表到DIV无需转换
var newRow = tableObj.insertRow();insertCell();
提取id =”txtStuId”控件的值;
var stuID = document.getElementById("txtStuID").value;
对 radio控件判断状态;
document.getElementById("disagree").status == false;未选中
对select控件元素个数;
document.getElementById("ddlUserCity").options.length = 0;
添加下拉项;
方法1>
var varItem = new Option(cityName,cityId); document.getElementById("ddlUserCity").add(varItem);
方法2>
var tempOption = new Option(privName,privId);
getElementById(“selectObjId”).options.add(tempOption);
修改某项
selectObj.options[i] = new Option(txt, val);
删除某个;
1> objSelect.options.remove(i);
删除所有
2>document.getElementById("ddlUserCity").options.length = 0;
3>document.getElementById("ddlUserCity").innerHTML = "";
选择的项下标;
document.getElementById("ddlPriv").selectedIndex;
动态设置style样式
ddlPrivObj.style.textAlign = "left";
选择的项的值
selectObj.options[selectObjP.selectedIndex].value
隐藏控件;
方法1>隐藏后仍占用空间; hidden隐 visible显
document.getElementById("panel2").style.visibility="hidden"; document.getElementById("panel3").style.visibility="visible
方法2>隐藏后下边的内容往边补; none隐 block/inline 显
document.getElementById("panel2").style.display ="none";
document.getElementById("panel3").style.display ="block";
3>Javascrip对XML文档的操作;
建立XML文档;
var xmlDoc = new ActiveXObject(“Msxml2.DOMDocument.3.0”);
加载XML;
var xmlDoc = new ActiveXObject("Msxml2.DOMDocument.3.0");
xmlDoc.loadXML(xml串);
方法1>
var xmlDoc = new ActiveXObject("Msxml2.DOMDocument.3.0");
xmlDoc.async = false;
xmlDoc.validataOnParse = “true”;
xmlDoc.load(“myxml.xml”)
方法2>
<head>
<xml id = “xmlDocStr” src = “xmlDoc.xml”></xml>
<!---在javascrip中写xmlDoc.load(xmlDocStr);
显示XML
Alert(xmlDoc.xml);
创建节点
var xmlNode = xmlDoc.createElement(“node”);
var root = xmlDoc.createNode(1,"students","");
节点写值;
xmlNode.text = “hello word”;
节点的添加;
xmlDoc.appendChild(xmlNode);
节点的删除;
提取根节点; 某个节点
var root = xmlDoc.documentElement;
var newNode = root.childNodes[i];
var newNode = root.selectSingleNode("cityName");
选取某个结点的同名子结点;
var nodeList = root.selectNodes("Table");
结点的个数;
nodeList.length
引用nodeList[i]
节点的名字; root.nodeName = “cityName”;
子节点的个数;
xmlDoc.documentElement.childNodes.length;
添加属性;
var newAtt = xmlDoc.createAttribute("comType");
newAtt.value = provenceID;
root.setAttributeNode(newAtt);
修改属性;
root.setAttribute("属性名", “属性值”);
查看属性值;
xmlDoc.documentElement.getAttribute("comType");