JS,Javascript加载与函数执行过程

简介:

Js,Javascript加载与函数执行过程

test.html

<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>demo</title>
    <script type="text/javascript">
        function hello(){
            alert("hello 1");
        }
        hello(); // hello 2
        function hello(){
            alert("hello 2");
        }
        hello(); // hello 2
    </script>
    <script type="text/javascript">
        hello(); // hello 2
    </script>


    <script type="text/javascript">
        function hello(){
            alert("hello 3");
        }
        hello(); // hello 4
        function hello(){
            alert("hello 4");
        }
        hello(); // hello 4
    </script>

    <script type="text/javascript">
        hello(); // hello 4
    </script>
</head>

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


<script type="text/javascript">
    hello(); // hello js2
</script>
</html>

test.js

function hello(){
    alert("hello js1"); 
}
hello(); // hello js2

function hello(){
    alert("hello js2"); 
}
hello(); // hello js2

小结

1.js中可以允许重复的函数

2.函数式一块一块执行的以script作为块标记

3.同一个块中,如果有同名函数,以后一个为准

4.引入js文件也就是相对于一个大的script块

5.如果在页面底部执行js,相对于以最后一个函数作为执行函数


本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/p/5957361.html,如需转载请自行联系原作者

相关文章
|
6天前
|
JavaScript 前端开发
JavaWeb JavaScript ③ JS的流程控制和函数
通过本文的详细介绍,您可以深入理解JavaScript的流程控制和函数的使用,进而编写出高效、可维护的代码。
58 32
|
2月前
|
JavaScript 前端开发
【JavaScript】——JS基础入门常见操作(大量举例)
JS引入方式,JS基础语法,JS增删查改,JS函数,JS对象
|
3月前
|
JavaScript 前端开发 Java
springboot解决js前端跨域问题,javascript跨域问题解决
本文介绍了如何在Spring Boot项目中编写Filter过滤器以处理跨域问题,并通过一个示例展示了使用JavaScript进行跨域请求的方法。首先,在Spring Boot应用中添加一个实现了`Filter`接口的类,设置响应头允许所有来源的跨域请求。接着,通过一个简单的HTML页面和jQuery发送AJAX请求到指定URL,验证跨域请求是否成功。文中还提供了请求成功的响应数据样例及请求效果截图。
springboot解决js前端跨域问题,javascript跨域问题解决
|
3月前
|
JavaScript 前端开发
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
|
3月前
|
缓存 前端开发 JavaScript
JavaScript加载优化
JavaScript加载优化
|
3月前
|
缓存 前端开发 JavaScript
优化CSS和JavaScript加载
优化CSS和JavaScript加载
|
3月前
|
缓存 前端开发 JavaScript
优化CSS和JavaScript加载
Next.js和Nuxt.js在优化CSS和JavaScript加载方面提供了多种策略和工具。Next.js通过代码拆分、图片优化和特定的CSS/JavaScript优化措施提升性能;Nuxt.js则通过代码分割、懒加载、预渲染静态页面、Webpack配置和服务端缓存来实现优化。两者均能有效提高应用性能。
|
3月前
|
JSON JavaScript 前端开发
使用JavaScript和Node.js构建简单的RESTful API
使用JavaScript和Node.js构建简单的RESTful API
|
5月前
|
JavaScript 前端开发
JavaScript基础知识-函数的参数
关于JavaScript函数参数基础知识的介绍。
44 4
JavaScript基础知识-函数的参数
|
5月前
|
JavaScript 前端开发
JavaScript 函数参数
JavaScript 函数参数
44 3

热门文章

最新文章