JavaScript做的弹窗效果很普遍,大家一定见过,就是点击一个按钮或链接,会打开一个小窗口(通常是没有工具栏的那种很精简的窗口),这个弹出函数在网上随处可见,我以前的那个个人网站也使用过。可是,今天我把以前的代码拷来用,却怎么也不行,鼠标点击链接根本没反应,郁闷了~
经过千辛万苦的一次次尝试,终于发现了其中的奥妙!原来,在XHTML中,一切语法规则都是很严格的,差一点都不行。而原来我的个人网站,不是基于XHTML标准的,因此,差个引号或是分号都不要紧,但标准化时代就不同了,必须遵循XHTML的写法。
下面给出XHTML中标准的JavaScript弹窗函数与调用实例,请格外注意细节:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript" language="javascript">
function popUp(URL)
{
window.open(URL,'newwindow','toolbar=0,scrollbars=1,statusbar=0,menubar=0,resizable=1,width=550,height=550');
}
</script>
<a href="javascript:;" onClick="popUp(' http://www.g.cn');">链接名称</a>
</body>
</html>
此范例为,点击“链接名称”,在新窗口中打开Google网站。
说明一下要注意的地方:
1.给URL传值,必须有一对引号。
2.'newwindow’参数必不可少,有些网站说是可以省略的,但我测试的结果是绝对不能不写!newwindow名称可以任意改。
3.Toolbar、width等参数,也必须放在用一对引号中,否则虽然能弹窗,但实现不了全部这些参数的控制。
4.标准化网页中,对javascript的引用,我们一般写成<a href="javascript:;" onClick="javascript内容;">链接名称</a>,就是把javascript写在onClick中。
5.对于script标记,请大家写成<script type="text/javascript" language="javascript">,而不是以前的<script language=”javascript”>
经过千辛万苦的一次次尝试,终于发现了其中的奥妙!原来,在XHTML中,一切语法规则都是很严格的,差一点都不行。而原来我的个人网站,不是基于XHTML标准的,因此,差个引号或是分号都不要紧,但标准化时代就不同了,必须遵循XHTML的写法。
下面给出XHTML中标准的JavaScript弹窗函数与调用实例,请格外注意细节:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript" language="javascript">
function popUp(URL)
{
window.open(URL,'newwindow','toolbar=0,scrollbars=1,statusbar=0,menubar=0,resizable=1,width=550,height=550');
}
</script>
<a href="javascript:;" onClick="popUp(' http://www.g.cn');">链接名称</a>
</body>
</html>
此范例为,点击“链接名称”,在新窗口中打开Google网站。
说明一下要注意的地方:
1.给URL传值,必须有一对引号。
2.'newwindow’参数必不可少,有些网站说是可以省略的,但我测试的结果是绝对不能不写!newwindow名称可以任意改。
3.Toolbar、width等参数,也必须放在用一对引号中,否则虽然能弹窗,但实现不了全部这些参数的控制。
4.标准化网页中,对javascript的引用,我们一般写成<a href="javascript:;" onClick="javascript内容;">链接名称</a>,就是把javascript写在onClick中。
5.对于script标记,请大家写成<script type="text/javascript" language="javascript">,而不是以前的<script language=”javascript”>