一个页面两个窗口的制作技巧
一个页面两个窗口的制作技巧
一般的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。
通过下面的例子,你可以在一个页面内完成上面的效果。
<html>
<head>
<script LANGUAGE="javascript">
function openwin()
{OpenWindow=window.open("", "newwin", "height=250, width=250,
toolbar=no,scrollbars="+scroll+",menubar=no");
//写成一行
OpenWindow.document.write("<TITLE>例子</TITLE>")
OpenWindow.document.write("<BODY BGCOLOR=#ffffff>")
OpenWindow.document.write("<h1>Hello!</h1>")
OpenWindow.document.write("New window opened!")
OpenWindow.document.write("</BODY>")
OpenWindow.document.write("</HTML>")
OpenWindow.document.close()}
</script>
</head>
<body>
<a href="#" onclick="openwin()">打开一个窗口</a> (本站注释:用链接地址代替#号,
“打开一个窗口为你自己的链接文字)
<input type="button" onclick="openwin()" value="打开窗口">
</body>
</html>
看看 OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。
相关内容
-
Dreamweaver CC教程:使用“环绕标签”
Dreamweaver CC教程:使用“环绕标签”,标签,教程,文...
-
Dreamweaver CC教程:使用快速标签编辑器编辑代码
Dreamweaver CC教程:使用快速标签编辑器编辑代码,标签,编辑器,...
-
Dreamweaver CC教程:添加库、标签和属性
Dreamweaver CC教程:添加库、标签和属性,属性,标签,教程,选择,...
-
Dreamweaver CC教程:删除库、标签和属性
Dreamweaver CC教程:删除库、标签和属性,删除,教程,标签,属性,...
-
Dreamweaver CC教程:编辑链接 meta 标签
Dreamweaver CC教程:编辑链接 meta 标签,链接,教程,标签,文档,...
-
Dreamweaver CC教程:编辑库、标签和属性
Dreamweaver CC教程:编辑库、标签和属性,标签,属性,大小写,标...
-
Dreamweaver CC教程:编辑基础 meta 标签
Dreamweaver CC教程:编辑基础 meta 标签,标签,框架,文档,教程,...
-
Dreamweaver CC教程:快速标签编辑器概述
Dreamweaver CC教程:快速标签编辑器概述,快速,标签,编辑器,教...
-
Dreamweaver CC教程:在快速标签编辑器中使用提示
Dreamweaver CC教程:在快速标签编辑器中使用提示菜单,标签,菜...
-
Dreamweaver CC教程:在设计视图中选择子标签
Dreamweaver CC教程:在设计视图中选择子标签,视图,选择,标签,...
-
Dreamweaver CC教程:查找和替换代码中标签、属性
Dreamweaver CC教程:查找和替换代码中标签、属性和文本,查找,...
-
Dreamweaver CC教程:使用属性检查器链接到文档
Dreamweaver CC教程:使用属性检查器链接到文档,检查,链接,属性...
-
Dreamweaver CC教程:自动更新链接
Dreamweaver CC教程:自动更新链接,自动更新,链接,缓存,站点,教...
-
Dreamweaver CC教程:使用“超链接”命
Dreamweaver CC教程:使用“超链接”命令添加链接,超...
-
Dreamweaver CC教程:在 Dreamweaver 中测试链接
Dreamweaver CC教程:在 Dreamweaver 中测试链接,链接,测试,教...