我已经完成了一个包含我的 GUI、图像按钮和图像幻灯片的 aspx 文件。我使用 HTML5、CSS 和 javascript 开发了所有这 3 个函数。但是,html5 在 Visual Studio 2012 中以 aspx 文件格式完成。我尝试创建一个新的母版页,以使我的 GUI 标准化为我的所有其他 Web 表单。然后我将我的 aspx 文件的代码(用 html5 代码填充)复制到母版页中,这就是我得到的错误。
PS:我正在使用带有 html5、css 和 javascript 的 Visual Studio 2012 做一个 Web 应用程序
链接:http: //imgur.com/yfX6NaU
HTML5 代码(aspx 文件格式)
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="GUI.master.cs" Inherits="MP.GUI" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Police Website</title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
<script type="text/javascript">
<!-->
var image1 = new Image()
image1.src = "image/s1.jpg"
var image2 = new Image()
image2.src = "image/s2.jpg"
var image3 = new Image()
image3.src = "image/s3.jpg"
var image4 = new Image()
image4.src = "image/s4.jpg"
var image5 = new Image()
image5.src = "image/s5.jpg"
//-->
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<!--[if lt IE 8]>
<script src ="http://ie7-js.googlecode.com/svn/version/2.1 (beta2)/IE8.js"></script>
<![endif]-->
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
<ul id="Slideshow">
<img src="image/s1.jpg" name="slide" width="1215px" height="250px">
<script type="text/javascript">
<!--
var step = 1
function slideit() {
document.images.slide.src = eval("image" + step + ".src")
if (step < 5)
step++
else
step = 1
setTimeout("slideit()", 2500)
}
slideit()
//-->
</script>
</ul>
<%-- <input type="image" id="header" style="height:250px;width:1148px;" src="image/header.jpg" /> --%>
<input type="image" id="myimage" style="height:53px;width:200px;" src="image/logo.jpg" />
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">Report</a></li>
<li><a href="#">Recent cases</a></li>
<li><a href="#">About</a></li>
</ul>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.core.js" type="text/javascript"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</form>
</body>
</html>