做网页总结资料.docx

上传人：b****5 文档编号：7029511 上传时间：2023-01-16 格式：DOCX 页数：18 大小：32.91KB

下载相关举报

第1页 / 共18页

第2页 / 共18页

第3页 / 共18页

第4页 / 共18页

第5页 / 共18页

点击查看更多>>

下载资源

资源描述

做网页总结资料.docx

《做网页总结资料.docx》由会员分享，可在线阅读，更多相关《做网页总结资料.docx（18页珍藏版）》请在冰豆网上搜索。

做网页总结资料.docx

做网页总结资料

关于html的总结：

1、向前向后翻页的代码：

2、html文件中怎样设置中文字符集1

3、html中怎样加入css文件2

4、html中怎样加入js文件2

5、怎样把网页内容保存成word文档2

6怎样取得表格中的数据3

7怎样使用网页对话框并传参3

8怎样提交本页面并且不刷新本页面3

9鼠标移动时怎样改变表格的背景色4

关于xml的总结：

1、html文件怎样调用xml文件4

2、关于xml的一些说明（包括dtd）5

3、关于dtd的说明和举例6

4、在html中导入xml数据的另一种方法8

5、怎样把xml文档与css样式表结合？

6、怎样在xml文档中输出保留字符10

关于jscript的总结：

1、一些日期函数的说明10

2、怎样用js取得table中有多少个标记14

3、做菜单时遇到的问题14

4、js中怎样让文本换行14

关于html的总结：

1、向前向后翻页的代码：



2、html文件中怎样设置中文字符集

在与标记中加入

3、html中怎样加入css文件

4、html中怎样加入js文件

5、怎样把网页内容保存成word文档

例如：

网页上内容导出到word

HappyNewYear!

thisisatest!

123

456

789

functionOpenWord（）{

Layer1.style.border=0

ExcelSheet=newActiveXObject（'Word.Application'）;

ExcelSheet.Application.Visible=true;

varmydoc=ExcelSheet.Documents.Add（'',0,1）;

myRange=mydoc.Range（0,1）

varsel=Layer1.document.body.createTextRange（）

sel.select（）

Layer1.document.execCommand（'Copy'）

sel.moveEnd（'character'）

myRange.Paste（）;

location.reload（）

ExcelSheet.ActiveWindow.ActivePane.View.Type=9

}

6怎样取得表格中的数据

例如：

functionmouseclick（obj）{

alert（obj.childNodes[0].innerText）//

说明：

childNodes[0]中的0表示本行第一个单元格的数据，依次类推

}

7怎样使用网页对话框并传参

functiontest（a1,a2）{

window.ShowModalDialog（“test.html?

a1=”+a1+”&a2=”+a2）;

}

8怎样提交本页面并且不刷新本页面

修改科目

functionxgkm（）{

form1.xg.value="1";

form1.submit（）;

}

-->

科目编号：

科目：

window.close（）>

none">

说明：

用iframe.

9鼠标移动时怎样改变表格的背景色

functiontt（obj）{

obj.style.backgroundColor="rgb（214,227,255）";

}

onclick=”tt（this）”

关于xml的总结：

1、html文件怎样调用xml文件

html文件通过javascript调用xml文件。

在html文件中进行排版。

如：

将下面代码存为myfile.htm

varxmlDoc=newActiveXObject（"Microsoft.XMLDOM"）;

xmlDoc.async="false";

xmlDoc.load（"myfile.xml"）;

nodes=xmlDoc.documentElement.childNodes;

title.innerText=nodes.item（0）.text;

author.innerText=nodes.item

（1）.text;

HTML123</p><p>

title:

author:

email:

日期：

将下面代码存为myfile.xml

xmlversion="1.0"encoding="GB2312"?

XML轻松学习手册

ajie

ajie@

20010115

2、关于xml的一些说明（包括dtd）

●DTD是用来定义XML文档中元素，属性以及元素之间关系的。

通过DTD文件可以检测XML文档的结构是否正确。

但建立XML文档并不一定需要DTD文件。

●如果你所有的标识都严格遵守XML规范，那么你的XML文档就不一定需要DTD文件来定义它.

●良好格式的文档必须以一个XML声明开始，例如：

xmlversion="1.0"standalone="yes"encoding="UTF-8"?

其中你必须说明文档遵守的XML版本，目前是1.0；其次说明文档是"独立的"，它不需要DTD文件来验证其中的标识是否有效；第三，要说明文档所使用的语言编码。

默认的是UTF-8，如果使用中文，你需要设置为GB2312。

●良好格式的XML文档必须有一个根元素，就是紧接着声明后面建立的第一个元素，其它元素都是这个根元素的子元素，属于根元素一组。

●DTD文件的定义方法如下：

DOCTYPEtype-of-docSYSTEM/PUBLIC"dtd-name">

其中：

DOCTYPE"是指你要定义一个DOCTYPE;

"type-of-doc"是文档类型的名称，由你自己定义，通常于DTD文件名相同；

"SYSTEM/PUBLIC"这两个参数只用其一。

SYSTEM是指文档使用的私有DTD文件的网址，而PUBLIC则指文档调用一个公用的DTD文件的网址。

"dtd-name"就是DTD文件的网址和名称。

所有DTD文件的后缀名为".dtd"。

3、关于dtd的说明和举例

DTD是"有效XML文档"的必须文件，我们通过DTD文件来定义文档中元素和标识的规则及相互关系。

如何建立一个DTD文件呢？

让我们一起来学习：

1.设置元素

元素是XML文档的基本组成部分。

你要在DTD中定义一个元素，然后在XML文档中使用。

元素的定义语法为：

ELEMENTDESCRIPTION（#PCDATA,DEFINITION）*>

说明：

ELEMENT"是元素的声明，说明你要定义的是一个元素；

声明后面的"DESCRIPTION",是元素的名称；

"（#PCDATA,DEFINITION）*>"则是该元素的使用规则。

规则定义了元素可以包含的内容以及相互的关系。

下面的表格概要列出了元素的规则：

2.元素规则表:

●#PCDATA

包含字符或文本数据

元素MYFILE包含一个文本数据

●#PCDATA,element-name

包含文本和其它子元素

MYFILE元素必须包含文本和TITLE子元素

●使用逗号分隔排序

MYFILE元素必须依次包含TITILE,AUTHOR,EMAIL三个子元素|

●使用"|"表示或者

MYFILE元素必须包含TITLE，或者AUTHOR或者EMAIL子元素。

●name

只能使用一次

MYFILE元素必须包含TITLE子元素，而且只能使用一次。

●name?

使用一次或者不使用

EMAIL?

）>

MYFILE元素必须包含TITLE子元素，而且只能使用一次；可以包含或者不包含AUTHOR和EMAIL子元素，但是如果使用，只能一次。

●name+

使用至少一次或多次

EMAIL）>

MYFILE元素必须包含TITLE子元素，而且使用至少一次；接下来可以跟随AUTHOR子元素，也可以不跟；最后必须包含EMAIL子元素，而且只能使用一次。

●name*

使用一次，多次，或者根本不使用

MYFILE元素可以包含一个，多个或者不包含TITLE子元素

●（）

设置组，可以嵌套

元素MYFILE包含一个或者更多的文本或者TITLE子元素。

EMAIL）*|COMMENT）>

MYFILE元素必须包含一些内容，内容或者是一个注释；也或者是多个组，组里包含：

一个，多个或者没有TITLE子元素，接着是一个或者没有AUTHOR子元素，再接着是一个必须的EMAIL子元素。

实例如下：

将下面文件存为myfile.dtd

ELEMENTmyfile（title,author）>

ELEMENTtitle（#PCDATA）>

ELEMENTauthor（#PCDATA）>

●.然后建立XML文档myfile.xml:

xmlversion="1.0"encoding="GB2312"?

DOCTYPEmyfileSYSTEM"myfile.dtd">

XML轻松学习手册

ajie

●建立HTML文档myfile.html

varxmlDoc=newActiveXObject（"Microsoft.XMLDOM"）;

xmlDoc.async="false";//关闭异步载入，确保XML解析器在把XML文档完全载入以前不会对XML文档进行解析。

xmlDoc.load（"myfile.xml"）;

nodes=xmlDoc.documentElement.childNodes;

title.innerText=nodes.item（0）.text;

author.innerText=nodes.item

（1）.text;

在HTML中调用XML数据

标题:

作者:

4、在html中导入xml数据的另一种方法

●导入XML数据。

我们知道，目前流行的浏览器中，暂时只有微软的IE5.0以上版本浏览器支持XML。

IE是通过在HTML中的object物件来支持插入XML，并通过js的XMLDocument.load（）方法来导入数据。

我们看代码：

CLASSID="clsid:

550dda30-0541-11d2-9ca9-0060b0ec3d39"ID="xmldso">

定义一个object，ID名为xmldso。

然后在head区用js引入xml数据：

xmldso.XMLDocument.load（"cd.xml"）;

●捆绑数据。

然后将用标识来将XML数据绑定在表格中。

其中ID,DATASRC,DTATFLD都是的属性。

代码如下：

实例：

●myfile.html文件

xmldso.XMLDocument.load（"myfile.xml"）;

HTML123</p><p>

CLASSID="clsid:

550dda30-0541-11d2-9ca9-0060b0ec3d39"ID="xmldso">

title:

author:

●myfile.xml文件:

xmlversion="1.0"encoding="GB2312"?

XML轻松学习手册

ajie

5、怎样把xml文档与css样式表结合？

在

xmlversion="1.0"encoding="GB2312"?

>下加入如下语句：

xml-stylesheettype="text/css"href="mywrong.txt"?

例如：

●myfile.xml

xmlversion="1.0"encoding="GB2312"?

xml-stylesheettype="text/css"href="mywrong.txt"?

有人说我的文章废话连篇

我真的是废话连篇,罗里罗唆么?

●mywrong.txt

mywrong

{

background-color:

#ffff00;

width:

100%;

}

reason

{

font-family:

"宋体";

font-size:

22pt;

display:

block;//换行符

margin-bottom:

10pt;

margin-left:

20;

}

question

{

font-family:

"宋体";

font-size:

9pt;

color:

red;

}

说明：

css格式只是在用浏览器打开xml文档时有效。

6、怎样在xml文档中输出保留字符

例如：

宏：

&，左尖括号：

<，又尖括号：

>，撇号：

’，双引号：

”在文档中输入为：

&；,<；,>；,&apos；,"；

7、

关于jscript的总结：

1、一些日期函数的说明

getDate方法

返回Date对象中用本地时间表示的一个月中的日期值。

dateObj.getDate（）

必选项dateObj参数为Date对象。

返回值是一个处于1到31之间的整数，它代表了相应的Date对象中的日期值。

下面这个例子说明了getDate方法的用法：

functionDateDemo（）{

vard,s="今天日期是:

d=newDate（）;

s+=（d.getMonth（）+1）+"/";

s+=d.getDate（）+"/";

s+=d.getYear（）;

return（s）;

}

getDay方法

返回Date对象中用本地时间表示的一周中的日期值。

dateObj.getDay（）

必选项dateObj参数为Date对象。

getDay方法所返回的值是一个处于0到6之间的整数，它代表了一周中的某一天，返回值与一周中日期的对应关系如下：

值

星期

星期天

星期一

星期二

星期三

星期四

星期五

星期六

getFullYear方法

返回Date对象中用本地时间表示的年份值。

dateObj.getFullYear（）

必选项dateObj参数为Date对象。

getFullYear方法以绝对数字的形式返回年份值。

例如，1976年的返回值就是1976。

这样可以避免出现2000年问题，从而不会将2000年1月1日以后的日期与1900年1月1日以后的日期混淆起来。

getHours方法

返回Date对象中用本地时间表示的小时值。

dateObj.getHours（）

必选项dateObj参数为Date对象。

getHours方法返回一个处于0到23之间的整数，这个值表示从午夜开始计算的小时数。

在下面两种情况下此方法的返回值是0：

时间在1:

00:

00am之前，或者在创建Date对象的时候没有将时间保存在该对象中。

而要确定究竟是哪种情况，唯一的方法就是进一步检查分钟和秒钟值是否也是0。

如果这两个值都是0，那就几乎可以确定是没有将时间值保存到Date对象中

展开阅读全文