1. htm和html：
静态网页，通过固定标签实现
1 <!-- 2 To change this template, choose Tools | Templates 3 and open the template in the editor. 4 --> 5 <!DOCTYPE html> 6 <html> 7 <head> 8 <title>第一个javaScript程序</title> 9 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 10 <script language="JavaScript"><!-- 使用javascript语言 --> 11 alert("Hello World!"); //弹出警告框 12 alert("Hello SCUT!"); 13 </script> 14 15 <script language="javascript" src="hello.js"> 16 </script> 17 18 <script language="javascript"> 19 document.write("<h1>hello World！!!</h1>"); 20 document.write("<h5>www.scut.edn.cn</h5>"); 21 </script> 22 </head> 23 <body> 24 <h1>这是一个网页~~~</h1> 25 <script language="JavaScript"> 26 alert("第3个警告框！"); 27 </script> 28 </body> 29 </html>
2. js：javascript
标签：
<script language="text/javascript">
function fun(){
}
</script>
1 <!-- 2 To change this template, choose Tools | Templates 3 and open the template in the editor. 4 --> 5 <!DOCTYPE html> 6 <html> 7 <head> 8 <title>这是js里关于变量var的学习</title> 9 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 10 <script language="javascript"> 11 12 var num = 30; //定义一个数字 13 var info = "www.scut.edu.cn";//定义一个字符串 14 alert("数字：" + num + ";字符串:" + info); 15 16 str = "scut"; 17 if (str === "scut") 18 alert("str符合if判断！"); 19 else 20 alert("str不符合if判断!"); 21 22 </script> 23 24 <!-- 使用循环输入5行10列的表格 --> 25 <script language="javascript"> 26 var row = 5; 27 var col = 10; 28 document.write("<table border="1">");// 输出表格 29 for (i = 0; i < row; i++) { 30 document.write("<tr>"); 31 for (j = 0; j < col; j++) { 32 document.write("<td>" + i * j + "</td>"); 33 } 34 document.write("</tr>"); 35 } 36 document.write("</table>"); 37 </script> 38 39 40 <!--输出九九乘法表 --> 41 <script language="javascript"> 42 document.write("<table border="1">"); 43 for (i = 1; i <= 9; i++) { 44 document.write("<tr>"); 45 for (j = 1; j <= 9; j++) { 46 if (j <= i) { 47 document.write("<td>" + i + "*" + j + "=" + i * j + "</td>"); 48 } 49 else { 50 document.write("<td> </td>"); 51 } 52 } 53 document.write("</tr>"); 54 } 55 document.write("</table>"); 56 </script> 57 58 </head> 59 <body> 60 </body> 61 </html>
3. xml 可拓展的标记性语言
<name>周mm</name>
1 <?xml version="1.0" encoding="GB2312"?> 2 <!-- 3 To change this template, choose Tools | Templates 4 and open the template in the editor. 5 --> 6 <addresslist> 7 <linkman> 8 <name>周敏丽</name> 9 <email>1234567@163.com</email> 10 </linkman> 11 <linkman> 12 <name>叶子君</name> 13 <email>7654321@163.com</email> 14 </linkman> 15 </addresslist>
（1）xml解析： DOM解析，SAX解析
1 /* 2 * To change this template, choose Tools | Templates 3 * and open the template in the editor. 4 */ 5 package xmlpackage; 6 7 /** 8 * 9 * @author XiaoTianCai 10 */ 11 /* 12 * DOM解析xml文件内容 13 */ 14 15 import java.io.IOException; 16 import javax.xml.parsers.DocumentBuilder; 17 import javax.xml.parsers.DocumentBuilderFactory; 18 import javax.xml.parsers.ParserConfigurationException; 19 import org.xml.sax.SAXException; 20 import org.w3c.dom.Document; 21 import org.w3c.dom.Element; 22 import org.w3c.dom.NodeList; 23 24 public class DOMdemo_test02 { 25 26 public static void main(String[] args) { 27 //（1）建立DocumentBuilderFactory，以用于取得DocumentBuilder 28 DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance(); 29 //(2)通过DocumentBuilderFactory取得DocumentBuilder 30 DocumentBuilder builder = null; 31 try { 32 builder = factory.newDocumentBuilder(); 33 } catch (ParserConfigurationException e) { 34 e.printStackTrace(); 35 } 36 37 //(3)定义Document接口对象，通过DocumentBuilder类进行DOM树的转换操作 38 Document doc = null; 39 try { 40 doc = builder.parse("web\xml_test.xml"); 41 } catch (SAXException | IOException e) { 42 e.printStackTrace(); 43 } 44 //(4)查找linkman的节点 45 NodeList nl = doc.getElementsByTagName("linkman"); 46 //(5)输出nodelist中的第一个节点张文本节点的内容 47 for (int i = 0; i < nl.getLength(); i++) { //循环输出节点内容 48 Element e = (Element) nl.item(i); //取得第一个元素 49 System.out.println("姓名：" + e.getElementsByTagName("name").item(0).getFirstChild().getNodeValue()); 50 System.out.println("邮箱：" + e.getElementsByTagName("email").item(0).getFirstChild().getNodeValue()); 51 } 52 } 53 }
（2）生成xml文档并保存为磁盘文件：
1 /* 2 * To change this template, choose Tools | Templates 3 * and open the template in the editor. 4 */ 5 package xmlpackage; 6 7 /** 8 * @author XiaoTianCai 9 */ 10 /* 11 * 生成xml文件并输出到磁盘文件中, 12 * xml文件不会格式整齐，但实际使用中格式没有任何关系 13 */ 14 import java.io.File; 15 import java.io.IOException; 16 import javax.xml.parsers.DocumentBuilder; 17 import javax.xml.parsers.DocumentBuilderFactory; 18 import javax.xml.parsers.ParserConfigurationException; 19 import javax.xml.transform.OutputKeys; 20 import javax.xml.transform.Transformer; 21 import javax.xml.transform.TransformerConfigurationException; 22 import javax.xml.transform.TransformerException; 23 import javax.xml.transform.TransformerFactory; 24 import javax.xml.transform.dom.DOMSource; 25 import javax.xml.transform.stream.StreamResult; 26 import org.xml.sax.SAXException; 27 import org.w3c.dom.Document; 28 import org.w3c.dom.Element; 29 import org.w3c.dom.NodeList; 30 31 public class DOMdemo_build_xml_test { 32 33 public static void main(String[] args) { 34 //(1)建立DocumentBuilderFactory，用于取得DocumentBuilder 35 DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance(); 36 //(2)通过DocumentBuilderFactory，取得DocumentBuilder 37 DocumentBuilder builder = null; 38 try { 39 builder = factory.newDocumentBuilder(); 40 } catch (ParserConfigurationException e) { 41 e.printStackTrace(); 42 } 43 //(3)定义Document接口对象，通过DocumentBuilder类进行DOM树的转换操作 44 Document doc = null; 45 doc = builder.newDocument(); //创建一个新文档 46 //(4)建立各个操作节点 47 Element addresslist = doc.createElement("addresslist");//建立节点 48 Element linkman = doc.createElement("linkman"); 49 Element name = doc.createElement("name"); 50 Element email = doc.createElement("email"); 51 //(5)设置节点的文本内容，即为每一个节点添加文本节点 52 name.appendChild(doc.createTextNode("周敏丽"));//设置文本 53 email.appendChild(doc.createTextNode("1234567@163.com")); 54 //(6)设置节点关系 55 linkman.appendChild(name); //子节点 56 linkman.appendChild(email); 57 addresslist.appendChild(linkman); 58 doc.appendChild(addresslist); //文本上的保存节点 59 //(7)将文档输出到文件中 60 TransformerFactory tf = TransformerFactory.newInstance(); 61 Transformer t = null; 62 try { 63 t = tf.newTransformer(); 64 } catch (TransformerConfigurationException e1) { 65 e1.printStackTrace(); 66 } 67 t.setOutputProperty(OutputKeys.ENCODING, "GB2312"); //设置编码 68 DOMSource source = new DOMSource(doc); //输出文档 69 StreamResult result = new StreamResult(new File("web\output.xml")); //指定输出位置 70 try { 71 t.transform(source, result); 72 } catch (TransformerException e) { 73 e.printStackTrace(); 74 } 75 } 76 }
（3）xml文件显示：通常加载css层叠样式表
1 /* 2 Document : attrib 3 Created on : 2013-7-15, 21:21:22 4 Author : XiaoTianCai 5 Description: 6 Purpose of the stylesheet follows. 7 */ 8 name 9 { 10 display: block; 11 color: blue; 12 font-size: 20pt; 13 font-weight: bold; 14 } 15 id,conpany,email,tel,site 16 { 17 display: block; 18 color: black; 19 font-size: 14pt; 20 font-weight: normal; 21 font-style: italic; 22 }
1 <?xml version="1.0" encoding="GB2312" standalone="no"?> 2 <!-- 3 To change this template, choose Tools | Templates 4 and open the template in the editor. 5 --> 6 <?xml-stylesheet type="text/css" href="attrib.css"?> <!--引入css样式表--> 7 <addresslist> 8 <linkman> 9 <name>周mm</name> 10 <id>0001</id> 11 <company>广二师</company> 12 <email>nmnmll@qq.com</email> 13 <tel>020-1124568</tel> 14 <site>www.zhiaiyaya.com</site> 15 </linkman> 16 </addresslist>