11 java 王少飞-java中的jsp小节一
2012-11-07 14:11
447 查看
今天我们讲了一下jsp,下面是我写的一个例子,jsp的一些用法就在里面说明:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
// 遍历整个文档的节点
window.onload = function() {
//通过 document的getElementById("demo")获取指定id的dom对象
var div = document.getElementById("demo");
//nodeName代表的是节点的名称 如果是元素节点 返回标签值
//alert(div.nodeName);
//节点的类型 元素节点的值是 1
//alert(div.nodeType);
//节点的值 元素节点的值是:null
//alert(div.nodeValue);
if(div.nodeType==1){ //判断是不是 元素节点
/* var attrs = div.attributes; //当前节点的所有属性
alert(attrs.length);*/
var attrId = div.getAttributeNode("id");
//属性节点 : 节点的名称 属性名称 节点值 属性值 节点类型值 2
//alert("节点的名称:"+attrId.nodeName+"节点值"+attrId.nodeValue+"节点的类型值:"+attrId.nodeType);
/*
元素节点:nodeName="标签的名称" nodeType="1" nodeValue=null
属性节点 :nodeName="属性的名称" nodeType="2" nodeValue="属性的值"
文本节点: nodeName="#text" nodeType="3" nodeValue="文本值";
*/
//练习,遍历所有节点
//获取根节点
var root = document.documentElement;
//调用递归的方法即可
items(root);
document.write(str);
}
var str = "";
function items(node) {
//得到当前节点的所有的孩子节点
if (node.nodeType == 1) { //判断是否是 元素节点
str += "节点名称:" + node.nodeName + "节点类型值:" + node.nodeType + "节点value值:"
+ node.nodeValue + "<br/>";
if (node.hasChildNodes()) { //此元素节点是否有孩子节点
var childs = node.childNodes;
for ( var i = 0; i < childs.length; i++) {
var child = childs.item(i);//得到孩子节点
items(child);
}
}
} else {
str += "节点名称:" + node.nodeName + "节点类型值:" + node.nodeType + "节点value值:"
+ node.nodeValue + "<br/>";
}
}
</script>
</head>
<body>
javascript 练习</br>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
// 遍历整个文档的节点
window.onload = function() {
//通过 document的getElementById("demo")获取指定id的dom对象
var div = document.getElementById("demo");
//nodeName代表的是节点的名称 如果是元素节点 返回标签值
//alert(div.nodeName);
//节点的类型 元素节点的值是 1
//alert(div.nodeType);
//节点的值 元素节点的值是:null
//alert(div.nodeValue);
if(div.nodeType==1){ //判断是不是 元素节点
/* var attrs = div.attributes; //当前节点的所有属性
alert(attrs.length);*/
var attrId = div.getAttributeNode("id");
//属性节点 : 节点的名称 属性名称 节点值 属性值 节点类型值 2
//alert("节点的名称:"+attrId.nodeName+"节点值"+attrId.nodeValue+"节点的类型值:"+attrId.nodeType);
/*
元素节点:nodeName="标签的名称" nodeType="1" nodeValue=null
属性节点 :nodeName="属性的名称" nodeType="2" nodeValue="属性的值"
文本节点: nodeName="#text" nodeType="3" nodeValue="文本值";
*/
//练习,遍历所有节点
//获取根节点
var root = document.documentElement;
//调用递归的方法即可
items(root);
document.write(str);
}
var str = "";
function items(node) {
//得到当前节点的所有的孩子节点
if (node.nodeType == 1) { //判断是否是 元素节点
str += "节点名称:" + node.nodeName + "节点类型值:" + node.nodeType + "节点value值:"
+ node.nodeValue + "<br/>";
if (node.hasChildNodes()) { //此元素节点是否有孩子节点
var childs = node.childNodes;
for ( var i = 0; i < childs.length; i++) {
var child = childs.item(i);//得到孩子节点
items(child);
}
}
} else {
str += "节点名称:" + node.nodeName + "节点类型值:" + node.nodeType + "节点value值:"
+ node.nodeValue + "<br/>";
}
}
</script>
</head>
<body>
javascript 练习</br>
</body>
</html>
相关文章推荐
- 11 java 王少飞-java中的jsp小节四
- 11 java 王少飞-java中的jsp小节六
- 11 java 王少飞-java中的jsp小节二
- 11 java 王少飞-java中的jsp小节三
- 11 java 王少飞-jsp小节之EL表达式
- 11 java 王少飞-javaweb小节二
- 11 java 王少飞-cookie小节二
- 11 java 王少飞-Java SE 加强小节
- 11 java 王少飞-java SE 泛型小节
- 11 java 王少飞-javaweb小节一
- 11 java 王少飞-javaweb小节三
- 11 java 王少飞-javaweb小节(XML两种解析方式)
- 11 java 王少飞-java网络编程小节
- 11 java 王少飞-response对象小节一
- 11 java 王少飞-Java SE 加强 内省小节
- 11 java 王少飞-java SE 加强 反射小节
- 11 java 王少飞-response对象小节二
- 11 java 王少飞-request小节一
- 11 csdn java 王少飞-使用数据库连接池优化程序性能
- 11 java 王少飞-Servlet的一些细节