当前位置：编程学习 > C#/ASP.NET >>

JS代码在HTML里正常运行为什么在.net里就不能正常运行呢?

在HTML里的代码:
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> 
<title>新闻菜单</title> 
<style type="text/css"> 
.titleStyle{ 
background-color:#D6F1B4;color:#400040;border-top:1px solid #FFFFFF;font-size:10pt;cursor:hand; 
} 
.contentStyle{ 
background-color:#ffffff;color:#51C745;font-size:10pt; 
} 

a{ 
color:#51C745; 
} 
body{ 
font-size:9pt;
margin:0px;
} 
</style> 
</head> 
<body> 

<script language="JavaScript" type="text/javascript"> 

var layerTop=150; //菜单顶边距 
var layerLeft=20; //菜单左边距 
var layerWidth=200; //菜单总宽 
var titleHeight=30; //标题栏高度 
var contentHeight=300; //内容区高度 
var stepNo=10; //移动步数，数值越大移动越慢 

var itemNo=0;runtimes=0; 
document.write('<span id=itemsLayer style="position:absolute;overflow:hidden;border:1px solid #c0de98;left:'+layerLeft+';top:'+layerTop+';width:'+layerWidth+';">'); 

function addItem(itemTitle,itemContent){ 
itemHTML='<div id=item'+itemNo+' itemIndex='+itemNo+' style="position:relative;left:0;top:'+(-contentHeight*itemNo)+';width:'+layerWidth+';"><table width=100% cellspacing="0" cellpadding="0">'+ 
'<tr><td height='+titleHeight+' onclick=changeItem('+itemNo+') class="titleStyle" align=center>'+itemTitle+'</td></tr>'+ 
'<tr><td height='+contentHeight+' class="contentStyle">'+itemContent+'</td></tr></table></div>'; 
document.write(itemHTML); 
itemNo++;
}
//退出后台
function close() {
    window.close();
}
//添加菜单标题和内容，可任意多项，注意格式： 
addItem('欢迎','<center>欢迎光临</center>'); 
addItem('管理员权限','<center><a href="02_02.aspx" target="number2">物流公司查看和删除</a><BR><BR><a href="02_06.aspx"  target="number2">物流公司添加</a></center>'); 
addItem('商品管理','<center><a href="02_04.aspx"  target="number2">商品输入</a><BR><BR><a href="02_03.aspx"  target="number2">商品出售查询</a></center>'); 
addItem('物流操作','<center><a href="01_05.aspx" target="number2">订单配货</a><BR><BR><a href="01_03.aspx" target="number2">订单发货</a><BR><BR><a href="01_08.aspx" target="number2">客户签收</a>'); 
addItem('物流运单查询','<center><a href="01_01.aspx" target="number2">运单查询</a>');
addItem('注销|退出','<center><a href="" onclick="close()">退出</a><BR><BR><a href="../01_07.aspx" target="_parent">注销</a>');

document.write('</span>') 
document.all.itemsLayer.style.height=itemNo*titleHeight+contentHeight; 

toItemIndex=itemNo-1;onItemIndex=itemNo-1; 

function changeItem(clickItemIndex){ 
toItemIndex=clickItemIndex; 
if(toItemIndex-onItemIndex>0) moveUp(); else moveDown(); 
runtimes++; 
if(runtimes>=stepNo){ 
onItemIndex=toItemIndex; 
runtimes=0;} 
else 
setTimeout("changeItem(toItemIndex)",10); 
} 

function moveUp(){ 
for(i=onItemIndex+1;i<=toItemIndex;i++) 
eval('document.all.item'+i+'.style.top=parseInt(document.all.item'+i+'.style.top)-contentHeight/stepNo;'); 
} 

function moveDown(){ 
for(i=onItemIndex;i>toItemIndex;i--) 
eval('document.all.item'+i+'.style.top=parseInt(document.all.item'+i+'.style.top)+contentHeight/stepNo;'); 
} 
changeItem(0); 

</script> 
</body> 
</html> 
在.net里应该怎么写才能和HTML里一样呢 下面是在.net里的代码<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="RUNJiuZhou.Web.WebForm2" %>

<!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 runat="server">
   <%--<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> --%>
<title>新闻菜单</title> 

<script language="JavaScript" type="text/javascript"> 

var layerTop=150; //菜单顶边距 
var layerLeft=20; //菜单左边距 
var layerWidth=200; //菜单总宽 
var titleHeight=30; //标题栏高度 
var contentHeight=300; //内容区高度 
var stepNo=10; //移动步数，数值越大移动越慢 

var itemNo=0;runtimes=0; 
document.write('<span id=itemsLayer style="position:absolute;overflow:hidden;border:1px solid #c0de98;left:'+layerLeft+'px;top:'+layerTop+'px;width:'+layerWidth+'px;">'); 

function addItem(itemTitle,itemContent){ 
itemHTML='<div id=item'+itemNo+' itemIndex='+itemNo+' style="position:relative;left:0;top:'+(-contentHeight*itemNo)+';width:'+layerWidth+'px;"><table width=100% cellspacing="0" cellpadding="0">'+ 
'<tr><td height='+titleHeight+'px onclick=changeItem('+itemNo+') class="titleStyle" align=center>'+itemTitle+'</td></tr>'+ 
'<tr><td height='+contentHeight+' class="contentStyle">'+itemContent+'</td></tr></table></div>'; 
document.write(itemHTML); 
itemNo++;
}
//退出后台
function close() {
    window.close();
}
//添加菜单标题和内容，可任意多项，注意格式： 
addItem('欢迎','<center>欢迎光临</center>'); 
addItem('管理员权限','<center><a href="02_02.aspx" target="number2">物流公司查看和删除</a><BR><BR><a href="02_06.aspx"  target="number2">物流公司添加</a></center>'); 
addItem('商品管理','<center><a href="02_04.aspx"  target="number2">商品输入</a><BR><BR><a href="02_03.aspx"  target="number2">商品出售查询</a></center>'); 
addItem('物流操作','<center><a href="01_05.aspx" target="number2">订单配货</a><BR><BR><a href="01_03.aspx" target="number2">订单发货</a><BR><BR><a href="01_08.aspx" target="number2">客户签收</a>'); 
addItem('物流运单查询','<center><a href="01_01.aspx" target="number2">运单查询</a>');
addItem('注销|退出','<center><a href="" onclick="close()">退出</a><BR><BR><a href="../01_07.aspx" target="_parent">注销</a>');

document.write('</span>') 
document.all.itemsLayer.style.height=itemNo*titleHeight+contentHeight; 

toItemIndex=itemNo-1;onItemIndex=itemNo-1; 

function changeItem(clickItemIndex){ 
toItemIndex=clickItemIndex; 
if(toItemIndex-onItemIndex>0) moveUp(); else moveDown(); 
runtimes++; 
if(runtimes>=stepNo){ 
onItemIndex=toItemIndex; 
runtimes=0;} 
else 
setTimeout("changeItem(toItemIndex)",10); 
} 

function moveUp(){ 
for(i=onItemIndex+1;i<=toItemIndex;i++) 
eval('document.all.item'+i+'.style.top=parseInt(document.all.item'+i+'.style.top)-contentHeight/stepNo;'); 
} 

function moveDown(){ 
for(i=onItemIndex;i>toItemIndex;i--) 
eval('document.all.item'+i+'.style.top=parseInt(document.all.item'+i+'.style.top)+contentHeight/stepNo;'); 
} 
changeItem(0); 

</script>     
</head>
<body>


</body>

</html>
--------------------编程问答-------------------- JS 抽取到JS文件中

页面引用JS  调用里面方法。 --------------------编程问答-------------------- 没抛异常提示你，form呢


<body>

    <form id="form1" runat="server">

    </form>

</body>
--------------------编程问答-------------------- 你在html里这样的
<body>
<script language="JavaScript" type="text/javascript">
</script>
</body>
但是在.net里，你却故意想当然的改成了
<head>
<script language="JavaScript" type="text/javascript">
</script>
</head>
<body>
</body>

如果页面需要PostBack,则还需要在body里直接嵌套一个
<form id="form1" runat="server">
<script language="JavaScript" type="text/javascript">
</script>
</form>
--------------------编程问答-------------------- --------------------编程问答-------------------- 注意 路径 用相对路径 --------------------编程问答--------------------  js不兼容的问题
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

把这段去了就OK了，或者找个兼容的js
补充：.NET技术 ,  ASP.NET

上一个：asp.net网站在本地测试正常，但上传到服务器后出错
下一个：就是这么简单

更多图片编程知识:
更多C#/ASP.NET疑问解答：
C# 数据采集
jqGrid
学C#编程一定要学编译原理吗？（新手提问）
VC2010 Unicode字符集下通过ReadProcessMemory跨进程读取SysListView32控件总是乱码
C#源文件恢复。电脑死机了
asp生成动画，求各位给个技术建议，或者大致方法。。。。
C#中 如何把excel的数据每一一列的值，赋值给一个一位数组呢
关于多线程同步问题.
怎么自动登录网站并填值返回。
怎么做程序小游戏
C#调用C++dll函数出现“尝试读取或写入受保护的内存”
wcf服务更新某业务逻辑需要关闭整个wcf服务吗
数据同步
课程继承要怎么讲
sql 语句合并的问题
asp
php
Delphi
Matlab
JSP
Foxpro
JS
C/C++
C#/ASP.NET
VC++
JAVA
VB
汇编语言
html/css
CGI
XML/UML
wap
网站相关
网页素材
python
微信小程序
thinkphp
如果你遇到编程学习难题：
访问www.zzzyk.com 试试
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络，