JS基本部分1

AllenHU0320

浏览: 83023 次
性别:
来自: 北京

最近访客更多访客>>

chenruieye

Sonicery_D

agapple

akk27

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Ajax框架

1.表单标签

<form.../>

主要有action,method,enctype,name,target等

target可以是_blank,_parent,_self和top其中之一

get和post请求

applicaiton/x-www-form-urlencoded,multipart/form-data,text/plain

列表框和下拉菜单，对应onchange事件

简单下拉菜单

<option>Java语言</option>

<option>Shell语言</option>

</select>

允许多选的列表框

<option>Java语言</option>

<option>Shell语言</option>

</select>

2.JavaScript以String内建类来表示字符串，如下基本方法和属性可以用于操作字符串

String()：构建一个字符串

charAt()：取特定索引处的字符

length：属性，返回字符串的长度

toUpperCase()：大写字母

toLowerCase()：小写字母

indexOf()：返回字符串中特定字符串第一次出现的位置

lastIndexOf()：返回字符串中特定字符串最后一次出现的位置

substring()：返回字符串中某个字串

slice()：返回字符串中某个字串

match()：正则搜索

search()：正则搜索

concat()：字符串拼接

split()：将某个字符串分割成多个字符串，可以指定分割符

replace()：将字符串中某个字串以特定字符串替代

3.正则表达式匹配超级连接

/^<a href=(\'|\")[a-zA-Z0-9\/:\.]*(\'|\")>.*<\/a>$/

将所匹配的内容替换成""，即截取前、后两端的空格

return s.replace(/(^\s*)|(\s*$)/g,"");

4.JavaScript常用的内置类

Array、Date、Error、Function、Math、Number、Object、String

5.判断变量的数据类型使用typeof运算符，该运算符用于返回变量的数据类型

6.JavaScript中的对象本质上是一个关联数组，或者说更像Java里的Map数据结构，由一组key-value对组成，JavaScript对象的value不仅可以是值(包括基本类型的值和复合类型的值)，也可以是函数，此时的函数就是该对象的方法

7.继承和prototype

每个JavaScript对象都是相同基类(Object类)的实例。JavaScript的所有类(也就是函数)都有一个prototype属性，在为JavaScript类的prototype属性增加函数、属性时，即可视为对原有类的扩展。可以理解为增加了prototype属性的类继承了原有的类。

8.JavaScript中方法的调用有两种方式：一种是obj.method(args...)，一种是method.call(obj,args...)

9.JSON语法

10.CSS(Cascading Style Sheet)即层叠样式表，简称样式表。样式就是对网页中的元素（字体、段落。图象、列表等）属性的整体概括，即描述所有网页对象的显示形式（例如，文字的大小，字体，背景及图象的颜色、大小等都是样式）。层叠，就是指当HTML文件引用多个CSS文件时，如果CSS文件之间所定义的样式发生了冲突，将依据层次的先后处理其样式去内容的控制。
CSS语法包括三部分：选择符，样式属性和属性值。
selector{property:value;property:value.....property:value}
CSS选择符类型：
1）.类选择符。用类选择符可以把相同的元素分类定义成不同的样式。再定义类选择符是，在自定义类名称的前面加一个句点（.）.
类选择符语法：标记名.类名{样式属性：取值；...}
2）.id选择符。在HTML文档中，需要唯一标识一个元素时，就会赋予它一个id标识，以便在对整个文档进行处理时能够很快地找到这个元素。而id选择符就是用来对这个单一元素定义单独的样式。定义方法与类选择符大同小异，只需要把句点(.)改为井号（＃），调用时需要把class改为id。
3）.包含选择符。是对某种元素包含关系（如元素1里包含元素2）定义的样式表。这种方式只对元素1里的元素2定义，对单独的元素1或元素2无定义。
4）.伪类。指定的是元素的某种状态。
应用最为广泛地伪类是链接的4个状态。未链接状态(a:link)、已访问链接状态(a:visited)、鼠标指针悬停在链接上的状态(a:hover)、被激活的链接状态（在鼠标单击与释放之间发生的事件）(a:active)。

11.插入CSS样式表
1）.CSS文件定义在HTML文件外部的方法：链入外部样式表。
首先把样式表保存为一个单独的文件，然后在HTML文件中使用<link>标记链接，同时这个<link>标记必须放到HTML代码的<head>区域中。
基本语法：
<head>
...
<link rel="stylesheet"type="text/css"href="样式表文件的地址">
</head>
...
2）.CSS文件定义在HTML文件头部的方法：内部样式表。
内部样式表是通过<style>标记把样式表的内容直接定义在HTML文件的<head>标记内。
基本语法：
<head>
<style type="text/css">

</style>
</head>
3）.CSS文件定义在HTML文件主体的方法：嵌入样式表。
嵌入样式表是在HTML代码的主体，即<body>标记中直接加入样式表的方法。用这种方法可以很直观的对某个元素直接定义样式。
基本语法：
<head>
...
</head>
<body>
...
<HTML 标记 style="样式属性：取值；...">
...
</body>
4）.CSS文件定义在HTML文件外部的方法：导入外部样式表。
导入外部样式表是指在样式表的<style>区域内引用一个外部的样式表文件，和链入外部样式表方法相识，但导入时需要使用@import做声明。@import声明可以放到head外也可以放到head内，一般放在head内来声明。
基本语法：
<head>
<style type="text/css">
@import url(外部样式表文件地址);
...
</style>
...
</head>

13.编写CSS文件
根据在HTML文件中定义CSS样式表的位置特征，将CSS文件分为：头部CSS，主体CSS和外部CSS。
1）.编写头部的CSS。
(1).
<html>
<head>
    <title>编写头部CSS文件</title>
    <style type="text/css">
        <--
            h3{color:black;font-size:35px;font-family:黑体}
            p{background:yellow;color:red;font-family:宋体}
        -->
    </style>
</head>
<body>
    <h3 align="center">编写头部CSS</h3>
    <hr>
    <p>在HTML文件的头部应用内部样式表方法添加CSS.</p>
</body>
</html>

2）.编写主体的CSS
<html>
<head>
    <title>编写主体CSS文件</title>
</head>
<body>
    <center>
       <h1 style="color:green;font-size:35px;font-family:黑体">编写主体CSS文件</h1>
    </center>
    <hr>
    <p style="background:cyan;color:red;font-size:25;font-family:隶书">
        在HTML文件的主体应用嵌入样式表方法添加CSS
    </p>
</body>
</html>
3）.编写外部的CSS
(1).
<style type="text/css">
   <--
     h3{color:black;font-size:35px;font-family:黑体}
     p{background:yellow;color:red;font-family:宋体}
   -->
</style>
(2).
<html>
<head>
    <title>编写外部CSS文件</title>
    <link rel=stylesheet type="text/css"href="xxx.css">
</head>
<body>
    <h3 align="center">编写外部CSS</h3>
    <hr>
    <p>在HTML文件的头部应用链入外部样式表方法调用外部CSS.</p>
</body>
</html>
应用导入外部样式表方法在HTML文件内调用外部定义的CSS文件
<html>
<head>
    <title>编写外部CSS文件</title>
    <style type="text/css">
        @import url(xxx.css);
    </style>
</head>
<body>
    <h3 align="center">编写外部CSS</h3>
    <hr>
    <p>在HTML文件的头部应用导入外部样式表方法调用外部CSS.</p>
</body>
</html>

14.三个常用属性

display：常用值为none，用于设置目标对象隐藏，一旦该对象隐藏，其占用的页面空间也回释放，如果没有为该属性指定值，则目标对象会显示出来

visibility：通过该属性隐藏某个XHTML元素后，该元素占用的页面空间依然会被保留。该属性的两个常用值为visible和hidden

cursor：用于设置目标对象上光标的形状

15.超链接相关的选择器

a:link，a:hover，a:active，a:visited

16.在脚本中修改显示样式

1).获取到需要设置CSS样式的目标元素，例如可用getElementById()方法

2).修改目标元素的CSS样式，obj.style.属性名=属性值

分享到：

JS基本部分2 | Hibernate的VO在HQL语句中的应用

2011-09-30 22:53
浏览 714
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论