网页实用的 - 丄諦啲仇魜ヤ

网页实用的

1.鼠标移动上去，图片变亮，移开又变成灰色。改变的是透明度。

<style>

.p1{filter:Alpha(Opacity=20)}

.p2{filter:Alpha(Opacity=100)}

</style>

2.怎样在网页中播放mp3格式音乐

<html>

<body>

</body>

</html>

详细说明：

<embed

src="xx.mp3" 音乐文件

loop=false 是否重复播放

autostart=true 是否自动开始

name=bgss 为了控制而设定的名字

width="0" height="0" 宽、高 >

3.滚动现实公告

<tbody>

<xmp> 事件文字滚动 ——公告</xmp>

</marquee>

</p>

</tr>

</tbody>

</table>

4.以图片作为按钮

</form>

5.表格中单元格之间分隔线的隐藏方法

其实上面的三个表格都有三行三列，隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可以看到<TABLE>标签中都有rules。它有三个参数(cols,rows,none)，当rules=cols时，表格会隐藏纵向的分隔线，这样我们就只能看到表格的行；当rules=rows时，则隐藏了横向的分隔线，这样我们只能看到表格的列；而当rules=none时，纵向分隔线和横向分隔线将全部隐藏。

6.表格边框的隐藏

表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。

只显示上边框 <table frame=above>

只显示下边框 <table frame=below>

只显示左、右边框 <table frame=vsides>

只显示上、下边框 <table frame=hsides>

只显示左边框 <table frame=lhs>

只显示右边框 <table frame=rhs>

不显示任何边框 <table frame=void>

7.刷新的不同状态

非模态刷新父页面：window.opener.location.reload();

模态刷新父页面：window.dialogArguments.location.reload();

window.location.assign('chklogin.jsp');

window.location.reload('chklogin.jsp');

以后用前者进行刷新吧。后者似乎对FF 不怎么兼容。

8.文字过长，缩略显示为...

<DIV STYLE="width: 120px; border: 1px solid blue;

overflow: hidden; text-overflow:ellipsis">

<NOBR title="就是比如有一行文字，很长，表格内一行显示不下.">就是比如有一行文字，很长，表格内一行显示不下.</NOBR>

</DIV>

9.加入收藏夹通用代码

function addBookmark(title,url)

{

if (window.sidebar)

{

window.sidebar.addPanel(title, url,"");

} else if( document.all )

{

window.external.AddFavorite( url, title);

} else if( window.opera && window.print )

{

return true;

}

</script>

页面使用：<a href=javascript:addBookmark('天极网网页陶吧','http://homepage.yesky.com/')> 添加到收藏</a>

10.几种弹出窗口

用户输入：var msg=prompt("请输入密码：");if(msg == "PKU") 弹出输入框。

用户确定：var IsOk = confirm('ok');

警告：alert("对不起");

open为打开一个窗口。

11.动态改变下拉列表的值。

document.formname.elements[第几个元素].text = "test";

eg:

document.test9_1.elements[0].options[0].text="昆明市";

当然也可以用，之所以写出来是因为很多时候，我总是习惯用value，而忽略了text属性：

document.getElementById('select').options[0].text="昆明市";

12.动态插入表格内容：

document.getElementById('saleAndLost').rows[1].cells

x[1].innerHTML="test";

13.播放器代码

(1)media player代码:

<DIV>

</OBJECT>

</DIV>

其中http://tyrb.com/big5/site1/images/2006-02/17/020203170937500170795.mp3就是歌曲"幸福像花儿一样"的地址，

改变这个地址也就改变了你的歌曲

(2)WMP播放器

(3)Flash播放器

(4)RealPlayer播放器

</object><br />

</object>

14.window.open参数详解

(1). 使用举例：

<!--

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no,resizable=no,location=no, status=no')

//写成一行

-->

</SCRIPT>

(2). 参数详细描述

'page.html' 弹出窗口的文件名；

'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；

height=100 窗口高度；

width=400 窗口宽度；

top=0 窗口距离屏幕上方的象素值；

left=0 窗口距离屏幕左侧的象素值；

toolbar=no 是否显示工具栏，yes为显示；

menubar，scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小，yes为允许；

location=no 是否显示地址栏，yes为允许；

status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

1 网页中所有链接去除下划线：

<!--

a:link {

text-decoration: none;

}

a:visited {

text-decoration: none;

}

a:hover {

text-decoration: none;

}

a:active {

text-decoration: none;

}

-->

</style>

2在当前页面定位

<html>

<body>

<a href="#three">three</a>

<p> firstfirstfirstfirst

<br>

firstfirstfirstfirstfirst

</p><br/>

<p> twotwotwotwotwotwotwo

twotwotwotwotwotwotwotwotwo

</p><br/>

<a name="three"><h1>three</h1>

<p> threethreethreethreethree

threethreethreethreethree

<br>

3 Frame

</frameset>

////////////////////////////////////

<html>

</frameset>

<body>

</body>

</noframes>

</frameset>

</html>

4 自己写过的

<%@ page language="java" pageEncoding="GBK"

c%>

<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean"

prefix="bean"%>

<%@ taglib uri="http://jakarta.apache.org/struts/tags-html"

prefix="html"%>

<html>

<head>

<title>JSP for RegisterForm form</title>

<!--

function check()

{ var name=document.ReForm.name.value;

var pass=document.ReForm.password.value;

var repass=document.ReForm.repassword.value;

var email=document.ReForm.email.value;

//验证数据的合法性

if (!name||name.replace(/\s/g,"")=="")

{ alert("用户名不能为空或空格，请输入用户名！");

ReForm.name.focus();

return false;

}

if (!pass||pass.replace(/\s/g,"")=="")

{

alert("用户密码不能为空或空格，请输入密码！");

ReForm.password.focus();

return false;

}

if (!repass||repass.replace(/\s/g,"")=="")

{ alert("用户确认密码不能为空或空格，请输入密码！");

ReForm.repassword.focus();

return false;

}

if (pass != repass)

{ alert("密码与确认密码不同");

ReForm.password.focus();

return false;

}

if (!email||email.replace(/\s/g,"")=="")

{

alert("请输入Email且不能为空格！");

ReForm.email.focus();

return false;

}

if (!(email.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1))

{ alert("请输入合法的Email！");

ReForm.email.focus();

return false;

}

//-->

</script>

</head>

<body>

<html:form action="/register" method="post" focus="name">

name : <html:text property="name" />

<br />

password : <html:password property="password" />

<br />

repassword : <html:password property="repassword" />

<br />

sex:<html:radio property="sex" value="1" >男</html:radio><html:radio property="sex" value="0">女</html:radio>

<br />

like:

<html:multibox property="array" value="bc"></html:multibox>编程

<html:multibox property="array">lq</html:multibox>篮球<br/>

email : <html:text property="email" />

<br/>

<html:submit >注册</html:submit>

<html:reset>取消</html:reset>

</html:form>

</center>

</body>

</html>

5常用的正则表达式

if(days.search("^[0-9]*[1-9][0-9]*$")!=0)
            {
              alert("请输入整数");
              apply_HolidayForm.days.value="";
              apply_HolidayForm.days.focus();
              return false;

            }

^\d+$　　//匹配非负整数（正整数 + 0）

^[0-9]*[1-9][0-9]*$　　//匹配正整数

^((-\d+)|(0+))$　　//匹配非正整数（负整数 + 0）

^-[0-9]*[1-9][0-9]*$　　//匹配负整数

^-?\d+$　　　　//匹配整数

^\d+(\.\d+)?$　　//匹配非负浮点数（正浮点数 + 0）

^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$　　//匹配正浮点数

^((-\d+(\.\d+)?)|(0+(\.0+)?))$　　//匹配非正浮点数（负浮点数 + 0）

^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$　　//匹配负浮点数

^(-?\d+)(\.\d+)?$　　//匹配浮点数

^[A-Za-z]+$　　//匹配由26个英文字母组成的字符串

^[A-Z]+$　　//匹配由26个英文字母的大写组成的字符串

^[a-z]+$　　//匹配由26个英文字母的小写组成的字符串

^[A-Za-z0-9]+$　　//匹配由数字和26个英文字母组成的字符串

^\w+$　　//匹配由数字、26个英文字母或者下划线组成的字符串

^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$　　　　//匹配email地址

^[a-zA-z]+://匹配(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$　　//匹配url

匹配中文字符的正则表达式： [\u4e00-\u9fa5]

if(value.search("[\u4e00-\u9fa5]")==0){
alert("类型名不能为中文！");
return false;
}

匹配双字节字符(包括汉字在内)：[^\x00-\xff]

匹配空行的正则表达式：\n[\s| ]*\r

匹配HTML标记的正则表达式：/<(.*)>.*<\/>|<(.*) \/>/

匹配首尾空格的正则表达式：(^\s*)|(\s*$)

匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*

匹配网址URL的正则表达式：^[a-zA-z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$

匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$

匹配国内电话号码：(\d{3}-|\d{4}-)?(\d{8}|\d{7})?

匹配腾讯QQ号：^[1-9]*[1-9][0-9]*$

下表是元字符及其在正则表达式上下文中的行为的一个完整列表：

\ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个后向引用、或一个八进制转义符。

^ 匹配输入字符串的开始位置。如果设置了 RegExp 对象的Multiline 属性，^ 也匹配 ’\n’ 或 ’\r’ 之后的位置。

$ 匹配输入字符串的结束位置。如果设置了 RegExp 对象的Multiline 属性，$ 也匹配 ’\n’ 或 ’\r’ 之前的位置。

* 匹配前面的子表达式零次或多次。

+ 匹配前面的子表达式一次或多次。+ 等价于 {1,}。

? 匹配前面的子表达式零次或一次。? 等价于 {0,1}。

{n} n 是一个非负整数，匹配确定的n 次。

{n,} n 是一个非负整数，至少匹配n 次。

{n,m} m 和 n 均为非负整数，其中n <= m。最少匹配 n 次且最多匹配 m 次。在逗号和两个数之间不能有空格。

? 当该字符紧跟在任何一个其他限制符 (*, +, ?, {n}, {n,}, {n,m}) 后面时，匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串，而默认的贪婪模式则尽可能多的匹配所搜索的字符串。

. 匹配除 "\n" 之外的任何单个字符。要匹配包括 ’\n’ 在内的任何字符，请使用象 ’[.\n]’ 的模式。

(pattern) 匹配pattern 并获取这一匹配。

(?:pattern) 匹配pattern 但不获取匹配结果，也就是说这是一个非获取匹配，不进行存储供以后使用。

(?=pattern) 正向预查，在任何匹配 pattern 的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。

(?!pattern) 负向预查，与(?=pattern)作用相反

x|y 匹配 x 或 y。

[xyz] 字符集合。

[^xyz] 负值字符集合。

[a-z] 字符范围，匹配指定范围内的任意字符。

[^a-z] 负值字符范围，匹配任何不在指定范围内的任意字符。

\b 匹配一个单词边界，也就是指单词和空格间的位置。

\B 匹配非单词边界。

\cx 匹配由x指明的控制字符。

\d 匹配一个数字字符。等价于 [0-9]。

\D 匹配一个非数字字符。等价于 [^0-9]。

\f 匹配一个换页符。等价于 \x0c 和 \cL。

\n 匹配一个换行符。等价于 \x0a 和 \cJ。

\r 匹配一个回车符。等价于 \x0d 和 \cM。

\s 匹配任何空白字符，包括空格、制表符、换页符等等。等价于[ \f\n\r\t\v]。

\S 匹配任何非空白字符。等价于 [^ \f\n\r\t\v]。

\t 匹配一个制表符。等价于 \x09 和 \cI。

\v 匹配一个垂直制表符。等价于 \x0b 和 \cK。

\w 匹配包括下划线的任何单词字符。等价于’[A-Za-z0-9_]’。

\W 匹配任何非单词字符。等价于 ’[^A-Za-z0-9_]’。

\xn 匹配 n，其中 n 为十六进制转义值。十六进制转义值必须为确定的两个数字长。

\num 匹配 num，其中num是一个正整数。对所获取的匹配的引用。

\n 标识一个八进制转义值或一个后向引用。如果 \n 之前至少 n 个获取的子表达式，则 n 为后向引用。否则，如果 n 为八进制数字 (0-7)，则 n 为一个八进制转义值。

\nm 标识一个八进制转义值或一个后向引用。如果 \nm 之前至少有is preceded by at least nm 个获取得子表达式，则 nm 为后向引用。如果 \nm 之前至少有 n 个获取，则 n 为一个后跟文字 m 的后向引用。如果前面的条件都不满足，若 n 和 m 均为八进制数字 (0-7)，则 \nm 将匹配八进制转义值 nm。

\nml 如果 n 为八进制数字 (0-3)，且 m 和 l 均为八进制数字 (0-7)，则匹配八

posted on 2007-09-02 09:12 Crying 阅读(643) 评论(10) 编辑收藏所属分类: JavaScript和CSS

常用链接

留言簿(2)

随笔分类

随笔档案

文章分类

文章档案

相册

博客

帮助

看见的好东西

网站

搜索

最新评论

阅读排行榜

评论排行榜


只有注册用户登录后才能发表评论。




网站导航: 博客园 IT新闻知识库 C++博客博问
相关文章: 下拉列表分组示例下拉列表分组示例转http://bbs.51js.com/viewthread.php?tid=82939 HTML相对路径(Relative Path)和绝对路径(Absolute Path) DIV生成滚动条 HTML特殊字符显示图片等比例缩放去掉textArea和input的边框 div实现透明层几种js实现的动态多文件上传 (转) JS比较日期