js三种调用方式优缺点总结-js教程-PHP中文网

首页

web前端

js教程

js三种调用方式优缺点总结

php中世界最好的语言

May 12, 2018 pm 02:02 PM

javascript 优缺点总结

这次给大家带来js三种调用方式优缺点总结，使用js三种调用方式的注意事项有哪些，下面就是实战案例，一起来看一下。

本文讲述了js的三种使用方式（行内js、内部js、外部js）的实例代码，感兴趣的小伙伴们可以参考一下，具体如下：

1、行内js：js不单独写出

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>js使用方式1：行内js</title> 
</head> 
<body> 
<input type="button" value="点击有惊喜" onclick="javascript:alert(&#39;哈哈哈哈&#39;)"> 
<!--onclick:点击触发一个事件，alert：弹出一个对话框--> 
</body> 
</html>

登录后复制

2、内部js：script里的程序整个页面都可以用

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>js使用方式2：内部js</title> 
 <script type="text/javascript"> 
  //声明一个函数(整个文档都可以使用) 
  function surprise() { 
   alert('恭喜你中了一百万')/*弹出框*/ 
  } 
 </script> 
</head> 
<body> 
<input type="button" value="点击有惊喜" onclick="surprise()"><!--调用函数--> 
<input type="button" value="点击" onclick="surprise()"> 
</body> 
</html>

登录后复制

3、外部js：很多html页面都可以调用设定的js页面

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>js使用方式3：外部js</title> 
 <!--很多html页面都可以调用js4.js页面--> 
 <script src="../../js/js4.js" type="text/javascript" charset="utf-8"> 
 </script> 
</head> 
<body> 
<input type="button" value="点击" onclick="test()"> 
</body> 
</html>

登录后复制

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7698

Java教程

1640

CakePHP 教程

1393

Laravel 教程

1287

PHP教程

1229

显示更多

Related knowledge

如何使用WebSocket和JavaScript实现在线语音识别系统 Dec 17, 2023 pm 02:54 PM

如何使用WebSocket和JavaScript实现在线语音识别系统引言：随着科技的不断发展，语音识别技术已经成为了人工智能领域的重要组成部分。而基于WebSocket和JavaScript实现的在线语音识别系统，具备了低延迟、实时性和跨平台的特点，成为了一种被广泛应用的解决方案。本文将介绍如何使用WebSocket和JavaScript来实现在线语音识别系

WebSocket与JavaScript：实现实时监控系统的关键技术 Dec 17, 2023 pm 05:30 PM

WebSocket与JavaScript：实现实时监控系统的关键技术引言：随着互联网技术的快速发展，实时监控系统在各个领域中得到了广泛的应用。而实现实时监控的关键技术之一就是WebSocket与JavaScript的结合使用。本文将介绍WebSocket与JavaScript在实时监控系统中的应用，并给出代码示例，详细解释其实现原理。一、WebSocket技

模板化的优点和缺点有哪些？ May 08, 2024 pm 03:51 PM

模板化：优点与缺点模板化是一种强大的编程技术，允许您创建可重复使用的代码块。它提供了一系列优点，但也存在一些缺点。优点：代码重用性：模板化使您可以创建通用代码，可在整个应用程序中重用，从而减少重复和维护工作。一致性：模板化确保代码段在不同位置以相同的方式实现，从而提高代码一致性和可读性。可维护性：对模板的更改会同时反映在所有使用它的代码中，简化了维护和更新过程。效率：模板化可以节省时间和精力，因为您不必重复编写相同的代码。灵活性：模板化允许您创建可配置的代码块，可轻松适应不同的应用程序需求。缺点

总结Linux系统中system()函数的用法 Feb 23, 2024 pm 06:45 PM

Linux下system()函数的总结在Linux系统中，system()函数是一个非常常用的函数，它可以用于执行命令行命令。本文将对system()函数进行详细的介绍，并提供一些具体的代码示例。一、system()函数的基本用法system()函数的声明如下：intsystem(constchar*command);其中，command参数是一个字符

选购系统前必看：Win11和Win10优缺点分析 Mar 28, 2024 pm 01:33 PM

在当今信息时代，个人电脑作为我们日常生活中不可或缺的工具，扮演着重要的角色。操作系统作为电脑的核心软件之一，更是影响着我们的使用体验以及工作效率。在市场上，微软公司的Windows操作系统一直占据着主导地位，而现在人们面临的选择则是最新的Windows11和旧有的Windows10。对于普通消费者来说，在选择操作系统时并不只是看版本号，更要了解其优缺点。

Java Servlet的工作原理有什么优缺点？ Apr 16, 2024 pm 03:18 PM

JavaServlet是一种Java类，用于构建动态网页，作为客户端和服务器的桥梁。工作原理：接收请求、初始化Servlet、处理请求、生成响应和关闭Servlet。优点：可移植、可扩展、安全和易于使用。缺点：开销、耦合和状态管理。实战案例：创建一个简单的Servlet来显示"Hello,Servlet!"消息。

PHP框架的优缺点比较：选哪个好？ Jun 04, 2024 pm 03:36 PM

PHP框架的选择取决于项目需求和开发者技能：Laravel：功能丰富，社区活跃，但学习曲线陡峭，性能开销高。CodeIgniter：轻量级，易于扩展，但功能有限，文档较少。Symfony：模块化，社区强大，但复杂，性能问题。ZendFramework：企业级，稳定可靠，但笨重，许可昂贵。Slim：微框架，速度快，但功能有限，学习曲线陡峭。

Golang编译器汇总：探究各类编译器优缺点 Jan 19, 2024 am 10:44 AM

随着Golang的发展，越来越多的编译器被开发出来。在选择一款编译器时，开发人员需要考虑诸多因素，例如可靠性、性能、易用性等。本篇文章将汇总一些常见的Golang编译器，并探究它们的优缺点，帮助开发者更好地选择适合自己的编译器。Go官方编译器Go官方编译器是Golang的默认编译器，也是Golang社区中被广泛认可的编译器。它具有以下优点：稳定性好体积小编译

See all articles

js三种调用方式优缺点总结

热AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

热门文章

热工具

记事本++7.3.1

SublimeText3汉化版

禅工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

热门话题