javascript脚本何时被执行
2013-12-20 17:46
113 查看
javascript脚本可以嵌入在<html></html>内的任意地方,但它何时被调用呢?当浏览器打开HTML文件后,会直接运行不是声明函数的脚本或通过事件调用脚本函数,下面分析这几种情况。
1 浏览器在打开页面时执行脚本
当浏览器打开一个HTML文件时,它会从头开始解释整个文件,包括html标签和脚本。如果脚本中有可以直接执行的语句,则会在遇到的时候马上解释执行。
2 利用onLoad事件执行脚本
onLoad事件是一个页面在浏览器中被打开时发生的,该方法常用于在打开一个页面的同时向用户显示一些消息。
下面例子利用<body>标签的onLoad事件进行演示
<html>
<head>
<title>demo</title>
<script
type="text/javascript">
//insert javascript
code here.
function display()
{
alert("via the onLoad event to invoke the javascript function")
}
</script>
</head>
<body
onLoad="display()">
</body>
</html>
3 利用用户事件执行脚本
用户在使用浏览器时经常会使用鼠标和键盘进行一些操作,比例移动鼠标、点击链接或按钮,这些操作都会产生相应的事件。我们可以利用这些事件来调用脚本函数。
下面例子利用一个点击按钮事件来调用display()函数。
<html>
<head>
<title>demo</title>
<script
type="text/javascript">
//insert javascript
code here.
function display(){
alert("via onclick event to invoke the javascript function")
}
</script>
</head>
<body>
<center><br>
<form>
<input
type="button"
value="onclick"
onclick="display()">
</form>
</center>
</body>
</html>
转自:http://blog.chinaunix.net/uid-24467128-id-3287758.html
1 浏览器在打开页面时执行脚本
当浏览器打开一个HTML文件时,它会从头开始解释整个文件,包括html标签和脚本。如果脚本中有可以直接执行的语句,则会在遇到的时候马上解释执行。
2 利用onLoad事件执行脚本
onLoad事件是一个页面在浏览器中被打开时发生的,该方法常用于在打开一个页面的同时向用户显示一些消息。
下面例子利用<body>标签的onLoad事件进行演示
<html>
<head>
<title>demo</title>
<script
type="text/javascript">
//insert javascript
code here.
function display()
{
alert("via the onLoad event to invoke the javascript function")
}
</script>
</head>
<body
onLoad="display()">
</body>
</html>
3 利用用户事件执行脚本
用户在使用浏览器时经常会使用鼠标和键盘进行一些操作,比例移动鼠标、点击链接或按钮,这些操作都会产生相应的事件。我们可以利用这些事件来调用脚本函数。
下面例子利用一个点击按钮事件来调用display()函数。
<html>
<head>
<title>demo</title>
<script
type="text/javascript">
//insert javascript
code here.
function display(){
alert("via onclick event to invoke the javascript function")
}
</script>
</head>
<body>
<center><br>
<form>
<input
type="button"
value="onclick"
onclick="display()">
</form>
</center>
</body>
</html>
转自:http://blog.chinaunix.net/uid-24467128-id-3287758.html
相关文章推荐
- js 回车登录兼容IE7火狐
- Javascript跨域访问解决方案
- 通过表名获得列名信息,返回json串
- js下调用动态显示当前时间(兼容ie和火狐)
- NuGet 安装 SimpleJson
- js打开新窗口的各种方法(转)
- XML于JSON
- [javascript]巧用sourcemap快速定位javascript中的问题
- extjs4 树列表 添加子节点 刷新所有父节点数据
- ASP.NET下用JavaScript给Label,textbox等赋值
- extjs实现全局搜索节点方法
- js判断undefined类型
- javascript执行顺序
- jsp get传参中文乱码问题解决方法
- (转)jni jstring 、char* 类型的转换
- 中文字符的值在web中提交的问题
- IE和FIREFOX在解析JS方面的区别
- javascript中全局对象的parseInt()方法使用介绍
- JSP页面静态化
- 自己写的一个js注册拖动对象的函数