Html、Css、JavaScript、DOM
一、Html
html是超文本标记语言代码由<html>开始</html>结束
其中一些较为常用的标签:
<font></font>表示标记一行的属性
头部标记<head></head>部分先执行一般样式都定义在头部确保先执行;
<br>是换行标准写法是</ br>。<hr />标记一条水平线
一般标记属性用“=”连接可以用双引号也可以用单引号。也可以不用。
标题用:<h1></h1> 一级标题。<h2></ h2>二级标题
html中的注释 用<!--HTML-->形式
<dl></dl>表示封装列表范围
<dt></dt>表示上层目录
<dd></dd>表示下层目录
有序<ol></ol>无序封装<ul></ul>例如:
<ol>
<li>......</li>
<li>......</li>
<li>......</li>
</ol>
图像标签:<img src="" alt="">
加粗并居中的标签是<th></th>
封装区域标签:<div></div>或者<span></span>
表单标签:<form></form>
reset 清除 submit 提交 hidden隐藏
注意:如果要向服务器提交数据表单中组件必须有name和value属性。给服务器获取数据方便。
onclick=""点击效果
下拉菜单<select>
<option> </option>
<option> </option>
</select>
和服务端交互的三种方式:
1、地址栏输入url地址。用GET方法
2、超链接 用GET方式
3、表单。get和post方法
<b></b>加粗<i></i>斜体<u></u>下划线<sub></sub>下标<sup></sup>上标
<marquee direction="down" behavior="alternate">动态向下
behavior=“scroll”动态循环 behavior=“slide”
二、Css
css是层叠样式表(cascading style sheets)
样式标签
<style type="text/css">
div{
background—color:#600;color:#fff
}
</style>
样式优先级
由上到下、由外到内、优先级由低到高
总结css=代码格式:
选择器名称{属性名:属性值;属性名:属性值}
选择器:
1、html标签名选择器使用就是html的标签名。
2、class选择器,其实是使用的标签中的class属性。
3、id选择器,其实是使用的是标签中的id属性。
三、JavaScript
javascript语言是基于对象和事件驱动的脚本语言,只要用于客户端。
特点:1、交互性 (信息动态交互)
2、安全性( 不允许直接访问本地硬盘)
3、夸平台性(和平台无关性)
java和javascript的区别:
javascript是网景公司的而java是sun公司的
javascript是基于对象,而java是面向对象的
javascript只需解释就可以执行
java需要先编译成字节码文件,再执行。
java是强类型,javascript是弱类型。
javascript和html相结合的方式:
1、将javascript代码封装到<script>标签中。
2、将javascript代码封装到js文件中,并通过<script>中的src属性进行导入。
注意:如果<script>标签中使用src属性,那么该标签中封装的javascript代码不会被执行。所以通常导入js文件都是用单独<script>来完成。
导入一个js文件:<script type="text/javascript" src="demo.js"></script>
封装javascript代码:
<script type="text/javascript">
alert("hello javascript");
</script>
javascript语法
javascript的数组定义的两种方式:
第一种定义:
1、var arr=[];
2、var arr=[3,2,3,9];
javascript中的数组的特点
1、长度的可变性;
2、元素的类型是任意的;
所以建议数组中存放同意类型的数据。
第二种定义:
使用了javascript中的Array对象来完成定义
var arr=new =Array();//var arr=[];
var arr1=new Array(5);//定义了一个长度为5的数组
var arr2=new Array(5,6,9);//定义了一个数组包含元素为5,6,9
函数:
javascript中定义函数的格式
通过指定的关键字来定义。
function 函数名(参数列表){
函数体
return 返回值//如果没有具体返回值return可以不写
}
注意:1、javascript中没有函数的重载。
2、只要是使用函数的名称就是对这个函数的调用。
3、函数中有个数组,对传入的参数进行存储。argument
var sum=getSum();//调用函数。
var sum=getSum;//getSum本身是一个函数名,而函数本身在javascript中就是一个对象。getSun就是这个函数对象的引用,将getSum这个引用的地址赋值给sum,这时sum也指向了函数的对象,相当于这个函数对象的两个名字。
打印的时候如果sum指向的是函数对象,那么会将函数对象的字符串表现形式打印出来。就是该函数的定义格式。
函数的动态函数:
var add=mew Function("x,y";"var sun; sum=x+y; return sum;");
参数列表和函数体都是通过字符串动态指定的。
匿名函数:没有名字的函数。通常是函数的简写形式。
var add3=function(var a,b){
return a+b;
调用时
alert(add3(7,8));
javascript中特有的for in语句:
格式是:
for(变量 in 对象){} 对对象进行遍历的语句。例子:
var arr=[2,3,6,6,5,9,7];
for(i in arr){
document.write("i="+i);//i=0,i=1,i=2,
document.write("arr["+i+"]"+arr[i])
}
四、DOM
DOM是Docuemrnt Object Model(文档对象模型)的缩写,主要是用来将标记型文档封装成对象,并将标记型文档中的所有内容(标签、文本、属性等)都封装成对象。将标记型文档解析成一棵DOM树,并将树中的内容都封装成节点对象,这样可以很方便的对节点进行操作。
DHTML:动态的HTML(不是语言)是多项技术综合体的简称。(HTML、CSS、DOM、JAVASCRIPT)
HTML: 负责提供标签对数据进行封装,目的是便于对该标签中的数据进行操作。
CSS:负责提供样式属性,对标签中的数据进行样式的定义。
JAVASCRIPT:负责提供程序设计语言,对页面中的对象进行逻辑操作。
DOM:负责将标签型文档进行解析,并封装成对象,在对象中定义了更多的属性,和行为,便于对对象操。