您的位置:首页 > Web前端 > JavaScript

页面注册js的方法比较

2009-09-17 11:59 134 查看
这里只给出比较,对于js在页面中各位置的作用,请参考其它文档

(一),通过Response来注册。

这种方法会把JS代码写在页面的最顶部(<html>的前面):

Html为:

<script>alert('test');</script>

<htm>

<head><title>

无标题页

</title></head>

<body>

<form name="form1" method="post" action="ResponseTest.aspx" id="form1">

<div>

<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNzgzNDMwNTMzZGR1X58dvYJq82PoD7eO7iID3VAarQ==" />

</div>

<div>

</div>

</form>

</body>

</html>

(二)通过RegisterStartupScript注册

这种方法会把JS代码嵌入在页面的底部、表单的最后 (</form>前面),适用于要在页面控件加载完成后运行的JS代码 :

<htm>

<head><title>

无标题页

</title></head>

<body>

<form name="form1" method="post" action="ResponseTest.aspx" id="form1">

<div>

<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNzgzNDMwNTMzZGR1X58dvYJq82PoD7eO7iID3VAarQ==" />

</div>

<div>

</div>

<script>alert('test');</script>

</form>

</body>

</html>

3 使用RegisterClientScriptBlock来注册

<htm>

<head><title>

无标题页

</title></head>

<body>

<form name="form1" method="post" action="ResponseTest.aspx" id="form1">

<div>

<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNzgzNDMwNTMzZGR1X58dvYJq82PoD7eO7iID3VAarQ==" />

</div>

<script>alert('test');</script>

<div>

</div>

</form>

</body>

</html>

4 RegisterClientScriptInclude

<html>

<head><title>

无标题页

</title></head>

<body>

<form name="form1" method="post" action="ResponseTest.aspx" id="form1">

<div>

<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTQ2OTkzNDMyMWRkjYxieQIBG8ed+2Q4Klx0t2vSxDQ=" />

</div>

<script src="test.js" type="text/javascript"></script>

<div>

<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAgL6tayvBgKSoqqWD3vQXcwFvwN1ZlFp+YeinBhgnZk7" />

</div>

<div>

<input type="submit" name="btn" value="确定" id="btn" />

</div>

</form>

</body>

</html>

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: