标准化网页中JavaScript弹窗的正确写法

来源：互联网发布：淘宝店铺故事如何加编辑：程序博客网时间：2024/05/31 19:11

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”>