表单提交方式
*使用submit提交
<form>
.... <input type="submit"/>
</form>
*使用button提交表单
-代码 //实现提交方法
function form1(){
//获取form
var form1=document.getElementById("form1");
//设置action
form1.action="hello.htlm";
//提交form表单
form1.submit();
}
*使用一个超链接提交
<a href="hello.html?username=1234">使用超链接提交</a>
*onclick:鼠标点击事件
onchange:改变内容(一般和select一起使用)
onfocus:得到一个焦点
onblur:失去一个焦点
xml的简介
*eXtensible Markuo Language:可扩展标记型语言
**标记型语言:html是标记型语言
——也可以使用标签来操作
**可扩展:
—html里面的标签是固定的,每个标签都有特定的含义
—标签可以自己定义,可以先中文的标签<猫></猫>
xml用途
**html是用于显示数据,xml也可以显示数据(不是主要功能)
**xml主要功能,为了储存数据
xml的应用
*不同系统之间的传输数据
*用来表示生活中有关系的数据
*经常用在文件配置
*比如现在连接数据库,肯定知道数据库的用户名和密码,数据名称
*比如修改数据库的信息,不需要修改源代码,只要修改配置文件就可以了
xml的语法
(1)xml的文档声明
*创建一个文件 后缀名是.xml
*如果写xml,第一步必须要有一个文档声明(写了文档声明后,表示先xml文件的内容)
**<?xml version="1.0" encoding="gdk"?>
****必须写在第一行第一列
*属性
—version:xml的版本1.0(使用)
—encoding:xml编码 gdk utf-8 iso8859-1(不包含中文)
—stabdalone:是否需要依赖其他文件yes/no
*xml中文乱码的问题:
保存时候的编码和设置打开时候的编码一致,就不会出现乱码
(2)定义元素(标签)
xml的元素(标签)的定义:
**标签的定义
**标签定义有开始必须要有结束:<person></person>
**标签没有内容,可以再标签内结束:<aa/>
**标签可以嵌套,必须合理嵌套
***合理嵌套<aa>bb</aa></bb>
***不合理嵌套<aa><bb></aa></bb>:这种方式是不合理的
**一个xml种,只能有一个根标签,其他标签都是这个标签下面的标签
**再xml种把空格和换行都当成内容来解析
****下面俩段代码含义是不一样的
*<a> AAAAAAAAA</a>
*<aa>
AAAAAAAAAA
</a>
xml中标签的名称规则
(1)xml代码区分大小写
(2)xml的标签不能以数字和(_)开头
(3)xml文件不能以xml、XML、Xml等开头
(4)xml的标签不能包含空格和冒号
xml属性的定义
xml也是标记型文档,可以有属性
**属性定义的要求:
(1)一个标签上可以有多个属性
(2)属性名称不能相同
(3)属性名称和属性值之间使用=,属性值使用引号包起来(可以是单引号,也可以是双引号)
(4)xml属性的名称规范和元素的名称规范一致
xml的注释
写法:<!--注释内容-->
***注释不能嵌套
**注释也不能放第一行,第一行第一列必须放文档声明
xml中的特殊字符
CDATA区
*可以解决多个字符都需要转义的操作if(a<b&& b<c && d>f){}
*把这些内容放到CDATA区里面,不需要转义了
**写法
<![CDATA[ 内容 ]]>
把特殊字符,当作文本内容,而不是标签
PI指令
*可以再xml中设置样式
写法: <?xml-stylesheet type="text/css" href="css的路径"?>
设置样式只能对英文的标签起作用,对于中文的标签名称不起作用
xml语法总结
xml的约束
*为什么需要约束?
**比如现在定义一个person的xml文件,只想要这个文件里面保存人的信息,比如name,age等,但是如果再xml文件中写了一个标签<猫>,发现可以正常显示,因为符合语法规定。但是猫肯定不是人的信息,xml的标签是自定义的,需要技术来规定xml中只能出现的元素,这个时候需要约束。
dtd的快速入门
*创建一个文件,后缀名为. dtd
步骤:
(1)看xml中有多少个元素,有几个元素,再dtd文件中写几个 <!ELEMENT>
(2)判断元素是简单元素还是复杂元素
—简单元素:没有子元素
<!ELEMENT 元素名称(#PCDATA)>
—复杂元素:有子元素的元素
<!ELEMENT 元素名称(子元素)>
(3)需要再xml文件中引入dtd文件
<!DOCTTYPE 根元素名称 SYSTEM"dtd文件路径">
dtd的三种引用方式
(1)引入外部文件dtd文件
<!DOCTYPE 根元素名称 SYSTEM "dtd路径">
(2)使用内部的dtd文件
—<!DOCTYPE 根元素名称[
<!ELEMENT person(name,age)>
<!ELEMENT name(#PCDATA)>
<!ELEMENT age (#PCDATA)>
]>
(3)使用外部的dtd文件(网络上的dtd文件)
<!DOCTYPE 根元素 PUBLIC "DTD名称" "DTD文档的URL">
使用DTD定义元素
*语法:<!ELEMENT 元素名 约束>
*简单元素:没有子元素的元素
<!ELEMENT name (# PCDATA)>
***(# PCDATA):约束name是字符串类型
***EMPTY:元素为空(没有内容 )
***ANY:任意
*复杂元素:
<!ELEMENT person(name,age,school)>
-子元素只能出现一次
<!ELEMENT 元素名称(子元素)>
*表示元素出现的次数
+:表示一次或者多次
?:表示零次或者一次
*:表示零次或者多次
子元素之间使用逗号隔开,:表示元素出现的顺序
子元素之间使用|隔开:表示元素只能出现其中的任意一个
使用dtd定义属性
*语法:<!ATTLIST 元素名称
属性名称 属性类型 属性约束(之间必须有空格隔开)
>
*属性类型
—CDATA:字符串
—枚举:表示只能再一定的范围内出现值,但是只能每次出现其中的一个
**红绿灯效果
**(aa|bb|cc)
-<!ATTLIST AGE
ID2 (!AA|BB|CC) #REQUIPED
>
—ID:值只能是字母或者下划线开头
—<!ATTLIST name
ID3 ID #TEQUIRED
>
*属性的约束
—#REQUIRED:属性必须存在
—#IMPLIED:属性可有可无
—#FIXED:表示一个固定值#FIXED ”AAA“
**属性的值必须是设置的这个固定值
-<!ATTLIST sex
ID4 CDATA #FIXED "ABC"
>
—直接值:
*不写属性,使用直接值
*写了属性,使用设置那个值
-<!ATTLIST school
ID5 CDATA"WWW"
>
实体的定义
*语法:<!ENTITY 实体名称 "实体的值">
***<!ENTITY TEST "HAHAHEHE">
***使用实体 &实体名称; 比如&TEST;
**注意:定义实体需要写在内部dtd里面,如果写在外部的dtd里面,有些浏览器下,内容得不到
xml的解析的简介(写到java代码)
*xml是标记型文档
*js使用dom解析标记型文档
—根据html的层级结构,在内存中分配一个树型结构,把html的标签,属性和文本都封装成对象
—document对象、element对象、属性对象、文本对象、Node节点
xml的解析方式(技术):dom和sax
dom解析和sax解析区别
**dom解析方式
*根据xml的层级结构在内存中分配一个树型结构,把xml的标签,属性和文本都封装成对象
*缺点:如果文件过大,造成内存溢出
*优点:很方便实现增删改操作
**sax方式解析
*采用事件驱动,边读边解析
-从上到下,一行一行的解析,解析到某一个对象,返回对象名称
*缺点:不能实现增删改查
*优点:如果文件过大,不会造成内存溢出,方便实现查询操作
jaxp的api的查看
jaxp是javase的一部分
jaxp解析器在jdk的java.xml.parsers包里面
**四个类:分别是针对dom和sax解析使用的类
**dom:
DocumentBulider:解析器类
—这个类是一个抽象类,不能new,
此类的实例可以从DocumentBuliderFactory.newDocumentBuilder() 方法获取
—一个方法,可以解析xml parse("xml路径") 返回值是 document整个文档
—返回的document是一个接口,父节点是Node,如果在document里面找不到想要的办法,到Node里面去找
—在document里面方法
getElementsByTagName(String tagname)
—这个方法可以得到标签
—返回集合 NodeList
createElement(String tagName)
—创建标签
createTextNode(String data)
—创建文本
appendChild(Node new Chold)
—把文本添加到标签下面
removeChild(Node oldChild)
—删除节点
getParentNode()
—获取父节点
NodeList list
—getLength()得到集合的长度
—item(int index)下标取到具体的值
for(int i=0;i<list.getLength();i++){
list.item(i)
}
DocumentBuilderFactory:解析器工厂
-这个类也是一个抽象类,不能new
newInstance() 获取DocumentBuilderFactory的实例