百度360必应搜狗淘宝本站头条
docker systemdzabbix微信报警脚本loadjsqt5.5pagination.js
当前位置：网站首页 > 技术教程 > 正文

javascript脚本何时会被执行 js脚本能干什么

suiw9 2024-11-09 14:49 19 浏览 0 评论

javascript脚本可以嵌入在html内的任意地方，但它何时被调用呢？当浏览器打开HTML文件后，会直接运行不是声明函数的脚本或通过事件调用脚本函数，下面分析这几种情况。

1.浏览器在打开页面时执行脚本

当浏览器打开一个HTML文件时，它会从头开始解释整个文件，包括html标签和脚本。如果脚本中有可以直接执行的语句，则会在遇到的时候马上解释执行。主要有以下2种情形：
1).程序启动(这里指浏览器加载页面)这个alert这类函数就会被触发执行

<html>
    <head>
        <title>demo</title>
        <script type="text/javascript">
            alert("dare you click me once again");    
        </script>
    </head>
    <body onLoad="display()">
    </body>
</html>

2).随着浏览器加载解析js函数被自动调用(并不是用户点击等行为触发)

2.利用onLoad事件执行脚本(相当于监听**发生，然后执行)

onLoad事件是一个页面在浏览器中被打开时发生的，该方法常用于在打开一个页面的同时向用户显示一些消息。
下面例子利用标签的onLoad事件进行演示:

<html>
    <head>
        <title>demo</title>
        <script type="text/javascript">
            //insert javascript code here.
            function display()
            {
                alert("dare you click me once again")    
            }
        </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("you click me ,it is so pain")
                }
        </script>
    </head>
    <body>
        <center><br>
        <form>
            <input type="button" value="onclick" onclick="display()">
        </form>
    </center>
    </body>
</html>

本文作者：皮卡丘和羊宝贝

本文链接：https://www.cnblogs.com/lovelywcc/p/14368913.html

相关推荐

分布式系统核心概念及实现（分布式核心原理解析）

一、分布式系统核心概念1.分布式系统的定义分布式系统是由多个独立的计算机（节点）通过网络连接，协同完成任务的系统。这些节点可以是物理机、虚拟机或容器。...

nosql之mongodb（nosql数据库是国产的吗）

什么是MongoDB?MongoDB是由C++语言编写的，是一个基于分布式文件存储的开源数据库系统。...

如何治理非结构化数据?（非结构化化数据）

据调查，当前企业80%的数据为非结构化数据或半结构化数据，而结构化数据是他们管理的重点，非结构化数据却被忽视。然而，非结构化数据也有着它的价值。那么，如何治理非结构化数据？IDC调研显示，目前企业中8...

Cloudera收购大数据加密初创企业Gazzang

Hadoop供应商Cloudera刚刚收购了专门研究下一代数据存储环境加密技术技术的初创企业Gazzang，但交易细节并未透露。这是Cloudera的第一笔重大收购。Gazzang成立于20...

全网最全95道MongoDB面试题1万字详细解析

1、mongodb是什么？MongoDB是由C++语言编写的，是一个基于分布式文件存储的开源数据库系统。在高负载的情况下，添加更多的节点，可以保证服务器性能。MongoDB旨在给WEB应...

mongodb——视图（mongodb object）

MongoDB视图是一个可查询的对象，其内容由其他集合或视图上的聚合管道定义。MongoDB不会将视图内容持久化到磁盘。当客户端查询视图时，MongoDB可以要求客户端拥有查询视图的权限。MongoD...

mongodb的优缺点及应用场景（mongodb 优点 应用场景）

一、MongoDB是什么1、维基百科MongoDB是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。...

5款Syslog集中系统日志常用工具对比推荐

一、为何要集中管理Syslog？Syslog由Linux/Unix系统及其他网络设备生成，广泛分布于整个网络。因其包含关键信息，可用于识别网络中的恶意活动，所以必须对其进行持续监控。将Sys...

跨平台、多数据库支持的开源数据库管理工具——DBeaver

简介今天给大家推荐一个开源的数据库管理工具——DBeaver。它支持多种数据库系统，包括Mysql、Oracle、PostgreSQL、SLQLite、SQLServer等。DBeaver的界面友好...

强烈推荐!数据库管理工具:Navicat Premium 16.3.2 (64位)

NavicatPremium，一款集数据迁移、数据库管理、SQL/查询编辑、智能设计、高效协作于一体的全能数据库开发工具。无论你是MySQL、MariaDB、MongoDB、SQLServer、O...

3 年 Java 程序员还玩不转 MongoDB，网友:失望

一、什么场景使用MongoDB？...

拯救MongoDB管理员的GUI工具大赏:从菜鸟到极客的生存指南

作为一名在NoSQL丛林中披荆斩棘的数据猎人，没有比GUI工具更称手的瑞士军刀了。本文将带你围观五款主流MongoDB管理神器的特性与暗坑，附赠精准到扎心的吐槽指南一、MongoDBCompass：...

mongodb/redis/neo4j 如何自己打造一个 web 数据库可视化客户端?

前言最近在做neo4j相关的同步处理，因为产线的可视化工具短暂不可用，发现写起来各种脚本非常麻烦。...

solidworks使用心得，纯干货!建议大家收藏

SolidWorks常见问题...

统一规约-关乎数字化的真正实现（规范统一性）

尽管数字化转型的浪潮如此深入人心，但是，对于OPCUA和TSN的了解却又甚少，这难免让人质疑其可实现性，因为，如果缺乏统一的语义互操作规范，以及更为具有广泛适用的网络与通信，则数字化实际上几乎难以具...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表
Copyright Your WebSite.Some Rights Reserved.