Appeon Web应用嵌入在HTML页面的例子
假设你的HTML主页面布局
|
Top区域
| |
|
Left区域
|
Main区域
|
1、主页面HTML文件内容。注意使用了Frameset和frame将页面划分为三个区域
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Appeon web
应用嵌入在
HTML
页面的例子
</title>
</head>
<frameset rows="80,*" cols="*" framespacing="0" frameborder="no" border="0" bordercolor="#000000">
<frame src="top.html" name="topFrame" frameborder="no" scrolling="auto" noresize="noresize" id="topFrame" title="topFrame" />
<frameset rows="*" cols="190,*" framespacing="1" frameborder="yes" border="1" bordercolor="#000000">
<frame src="left.html" name="leftFrame" frameborder="no" scrolling="auto" id="leftFrame" title="leftFrame" />
<frame src="main.html" name="mainFrame" frameborder="no" scrolling="auto" id="mainFrame" title="mainFrame" />
</frameset>
</frameset>
<noframes><body>
</body>
</noframes></html>
2、Top区域HTML文件内容
<!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=gb2312" />
<title>Top
区域
</title>
</head>
<body>
<img src="apache_pb.gif" width="259" height="32" />//
例子中放置了一个图片
</body>
</html>
3、Left区域HTML文件内容
<!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=gb2312" />
<title>Left
区域功能列表
</title>
</head>
<body>
<table width="100%" border="0">
<tr>
<td><a href="bulletin/public.htm" target="mainFrame">
最新公告
</a></td>//
指向其它
HTML
页面
</tr>
<tr>
<td><a href="upload/application.htm" target="mainFrame">
上传公告
</a></td>//
指向一个
Appeon Web
应用入口
</tr>
<tr>
<td><a href="webdemo/application.htm?user;123456;w_sheet1" target="mainFrame">
合同输入
</a></td>
</tr> //
指向一个
Appeon Web
应用入口，并传递参数，依次是用户名、口令和要打开的窗口
<tr>
<td><a href="webdemo/application.htm?user;123456;w_sheet2" target="mainFrame">
帐户列表
</a></td>
</tr>
</table>
</body>
</html>
4、Main区域HTML文件内容
<!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=gb2312" />
<title>Main
区域
HTML
文档
</title>
</head>
<body>
</body>
</html>
扫一扫
886
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
