博客

一、html

1、html常用标记

• 换行标记: <br>
• 段落标记: <p>
• 标题标记: 分别为<h1>至<h6>，数字越小，字体越大
• 居中标记: <center>
• 列表标记: 1、无序列表 <ul>,每个列表项 <li>; 2、有序列表 <ol>,每个列表项 <li>

2、表格标记

• 表格标记 <table>，属性：width, border, bgcolor, align（对齐方式） 等
• 标题标记 <caption>， 属性：align, valig（垂直对齐方式）n等
• 表头属性 <th>, 属性：align, background, colspan, valign 等
• 表格行标记 <tr>, 属性：也具有align, background等属性
• 单元格标记 <td>, 属性：align, background, valign等

3、表单标记

    （1）表单标记 <form>,属性：action， method, name, onSubmit, target(可选值_blank, _self, _parent, _top)

    （2）表单输入标记 <input>, 属性：

    type属性是<input>标记中重要的属性，决定了输入数据的类型

    （3）下拉列表框标记 <select>, 每个选项用<option>

    （4）多行文本标记 <textarea>

4、超链接与图片标记

• 超链接 <a href = “”></a>
• 图片标记 <img>

二、css    （选择器{属性：属性值}）

1、选择器

• 标记选择器：标记{属性：属性值；…}
• 类别选择器： .类名{}          用法：在标记中加一个class属性（class=“类名”）
• id选择器：    #id名{}        用法：在标记中加一个id属性（id=“id名”）

2、在html包含css方式

• 行内样式： 在html标记中通过style属性实现
• 内嵌式： 在页面中使用<style></style>标记
• 链接式： <link rel=”” href=”” type=”text/css”>

三、javascript

1、JS的关键字

2、数据类型

• 数值型：整型， 浮点型
• 字符型：单引号或多引号括起来的一个或多个字符
• 布尔型：true和false，0表示false，非0表示true
• 转义字符：
• 空值：null，用于定义空的或不存在的引用
• 未定义值：undefined，未声明或声明了未赋值的变量

3、事件处理：JavaScript与web页面之间的交互是通过用户操作浏览器页面时触发相关事件来实现的

（1）JavaScript常用事件

（2）事件处理程序的调用

• 在JavaScript中调用

<input name=”bt_save” type=”button” value=”保存”>

     <script language=”javascript”>

      var b_sava=document.getElementById(“bt_sava”);

      b_sava.onClick=function(){

      alert(“hello”);

      }

    </script>

• 在html中调用

<input name="bt_save" type="button" value="保存" οnclick="alert("hello");">

4、常用对象

（1）、window对象

（2）String对象

• 属性：length，字符串的长度
• 方法

（3）date对象

5、DOM技术

    在DOM中，文档的层次结构以树形表示，DOM树的根节点是个Document对象，该对象的documentElement属性引用表示文档根元素的Element对象。HTML文档中各个节点被视为各种类型的Node对象

获取文档中指定元素

• 通过元素id属性获取：document.getElementById(“”);返回一个元素
• 通过元素name属性获取：document.getElementsByName(“”);返回一个数组