页面注册js的方法比较

简介: 这里只给出比较,对于js在页面中各位置的作用,请参考其它文档 (一),通过Response来注册。 这种方法会把JS代码写在页面的最顶部(的前面): Html为: alert('test');        无标题页                ...
这里只给出比较,对于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>

 

博客园大道至简

http://www.cnblogs.com/jams742003/

转载请注明:博客园

目录
相关文章
|
11天前
|
存储 JavaScript 索引
JS中数组的相关方法介绍
JS中数组的相关方法介绍
|
13天前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
16 0
|
14天前
|
JSON JavaScript 前端开发
JavaScript原生代码处理JSON的一些高频次方法合集
JavaScript原生代码处理JSON的一些高频次方法合集
|
1月前
|
JavaScript 前端开发
解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
19 1
|
1月前
|
JavaScript
JS中改变this指向的六种方法
JS中改变this指向的六种方法
|
11天前
|
JavaScript 前端开发 索引
JavaScript中与字符串相关的方法
JavaScript中与字符串相关的方法
|
1月前
|
JavaScript
JS数组增删方法的原理,使用原型定义
JS数组增删方法的原理,使用原型定义
|
5天前
|
JavaScript 前端开发 Java
js 垃圾回收机制的方法
js 垃圾回收机制的方法
|
5天前
|
JavaScript 前端开发
js数据类型有几类?一共有几种?判断数据类型的方法是什么?
js数据类型有几类?一共有几种?判断数据类型的方法是什么?
|
6天前
|
JavaScript 前端开发
js绑定事件的方法
js绑定事件的方法
20 11