1.javascript将浏览器,网页文档,及其中的html元素,都用相应的内置对象来表示,这些对象及对象间的层次关系统称为DOM,文档对象模型
css,脚本语言,和dom的结合使用,称为DHTML,动态html。
2.编写事件处理程序
禁止右键菜单:
<body οncοntextmenu="window.event.returnValue=false;">
或<body οncοntextmenu="return false;">
或document.οncοntextmenu=funtion_oncontextmenu; //先要实现funtion_oncontextmenu这个自定义的方法
或<script for="document" event="oncontextmenu">window.event.returnValue=false;</script> //这种常用于插件的事件处理
禁用超链接 <a οnclick="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的介绍如下:
语法:
display : block | none | inline | compact | marker | inline-table | list-item | run-in | table |table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group
参数:
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,这时元素实际上就从页面中 被移走,它下面所在的元素就会被自动跟上填充。