Dom

来源：互联网发布：棋牌软件开发编辑：程序博客网时间：2024/05/16 07:51

1.javascript将浏览器，网页文档，及其中的html元素，都用相应的内置对象来表示，这些对象及对象间的层次关系统称为DOM，文档对象模型

css，脚本语言，和dom的结合使用，称为DHTML，动态html。

2.编写事件处理程序

禁止右键菜单：

或<body oncontextmenu="return false;">

或document.oncontextmenu=funtion_oncontextmenu; //先要实现funtion_oncontextmenu这个自定义的方法

或<script for="document" event="oncontextmenu">window.event.returnValue=false;</script> //这种常用于插件的事件处理

禁用超链接 <a onclick="return false;">地址</a>

<!--

//-->

上面注释中的//是为了防止有的浏览器将-->当作js来执行。

1.table

bordercolor=yellow使table和td的边框颜色都变成了黄色。

tr中的bgcolor只影响其中的td的背景，cellspace处的背景色不影响。

th 它的内容一般是居中，粗体。

caption 在table标签后，第一个标签前。

2.frameset,frame

在02-02节视频讲解

3.表单标签

有效的表单字段元素必须要有name属性值。

value属性可以设置初始值。

form的enctype属性只能是application/x-www-form-urlencoded和multipart/form-data两种。默认为前者。

一个表单中可以有多个submit，如果设置了name值，只有点击的submit的name,value才会被提交。

reset不会被提交。

size属性指定输入框的宽度，即可以看到的字符的个数，maxlength限制可输入的字符的个数。

被选中的checkbox才会被提交。

要提交文件，必须用post，且将enctype设置为multipart/form-data两种。

type=image可以代替submit功能，提交时点击它时的x,y坐标会被提交。

select标签，size表示可以同时看到的option数目，默认为1，当size大于1时，不再有下拉效果，而是列表框效果。multiple表示可以同时选中的项数。

label标签，for="其它控件的id"，accesskey="按键名"，例如按alt+a键，一般用(<u>a</u>)这样做提示。

4.head

base标签有href，target属性。target作用于所有的a标签。

link标签引入另一个文件。包括href,rel,rev,title,type ，meida属性。type可以是text/css，text/javascript值。

media属性表示在哪个输出介质时才起作用。它的值有screen默认,print，projection，tv，all等。可以用逗号分隔同时设置多个值 .

rel,rev属性值可以是Contents,index,Glossary,CopyRight,Next,Previous,Start,Help,Bookmark,Stylesheet外部样式表文件,Alternate，Shortcut Icon网页图标16x16像素的icon，

meta标签有name,http-equiv,content属性。http-equiv属性用于模拟http的响应消息头，name属性用于加入一些关于网页的描述信息。

name属性值：Keywords,Description,Robots,Generator,Author,Copyright

http-equiv属性值：

Content-Type时，content="text/html;charset=gb2312"。

Refesh时，cotent="5;url=http://www.baidu.com"。为防止内容中嵌入<meta http-equiv="Refresh" cotent="5;url=http://www.baidu.com">时，使用<meta http-equiv="Refresh" cotent="5;url=http://www.baidu.com">替换显示为原内容。

Expires时，将content设置为0，可以禁止浏览器缓存页面内容。

Windows-Target时，防止网页被当作frame调用。

Pragma，Cache-Control时，content="no-cache"。

Page-Enter,Page-Exit时，指定页面的效果：<meta http-equiv="Page-Enter" cotent="revealTrans(Transition=23,duration=1.000)">

5.分区标签div，不能被嵌套在p中。

span标签用于选取一段文字，它是文本级的定义元素，在布局上它的宽度根据内容的宽度来计算。

div的display属性是block，所以每一个div都是新的一行，无论它的width值是多少。

当display值是inline不会在起新行了

在css中display的介绍如下：

语法：

参数：

block : 　CSS1　块对象的默认值。用该值为对象之后添加新行

none : 　CSS1　隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间

inline : 　CSS1　内联对象的默认值。用该值将从对象中删除行

compact : 　CSS2　分配对象为块对象或基于内容之上的内联对象

marker : 　CSS2　指定内容在容器对象之前或之后。要使用此参数，对象必须和:after及:before 伪元素一起使用

inline-table : 　CSS2　将表格显示为无前后换行的内联对象或内联容器

list-item : 　CSS1　将块对象指定为列表项目。并可以添加可选项目标志

run-in : 　CSS2　分配对象为块对象或基于内容之上的内联对象

table : 　CSS2　将对象作为块元素级的表格显示

table-caption : 　CSS2　将对象作为表格标题显示

table-cell : 　CSS2　将对象作为表格单元格显示

table-column : 　CSS2　将对象作为表格列显示

table-column-group : 　CSS2　将对象作为表格列组显示

table-header-group : 　CSS2　将对象作为表格标题组显示

table-footer-group : 　CSS2　将对象作为表格脚注组显示

table-row : 　CSS2　将对象作为表格行显示

table-row-group : 　CSS2　将对象作为表格行组显示

visibility 属性用来确定元素是显示还是隐藏，这用visibility="visible|hidden"来表示，visible表示显示，hidden表示隐藏。当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置。
注意到，当元素被隐藏之后，就不能再接收到其它事件了，所以在第一段代码中，当其被设为"hidden"的时候，就不能再接收响应到事件了，因此也就无法通过鼠标点击第一段文本令其显示出来。另一方面，display属性就有一点不同了。visibility属性是隐藏元素但保持元素的浮动位置，而 display实际上是设置元素的浮动特征。当display被设置为block(块)时，容器中所有的元素将会被当作一个单独的块，就像<div>元素一样，它会在那个点被放入到页面中。(实际上你可以设置<span>的display:block，使其可以像<div>一样工作。将display设置为inline，将使其行为和元素inline一样---即使它是普通的块元素如<div>，它也将会被组合成像<span>那样的输出流。最后是display被设置：none,这时元素实际上就从页面中被移走，它下面所在的元素就会被自动跟上填充。