当前位置: 首页 > news >正文

JavaScript基础——JavaScript调用的三种方式

JavaScript简介

JavaScript的作用

JavaScript的使用方式

内嵌JS

引入外部js文件

编写函数


JavaScript简介

        JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。它是Web开发中最常用的脚本语言之一,通常用于创建动态网页,允许用户与网页进行交互。JavaScript最初由Brendan Eich在1995年为Netscape Navigator浏览器设计,现在已经成为几乎所有现代浏览器的标准组成部分。

JavaScript的作用

        JavaScript作为一种功能强大的编程语言,它在现代Web开发中扮演着至关重要的角色。它不仅能够实现用户与界面之间的丰富交互,如开关按钮、下拉菜单、轮播图、列表渲染以及条件渲染等,提供用户友好和动态的网页体验,而且还能够通过Ajax技术处理数据的前后端交互,实现无需重新加载页面即可更新内容的功能。此外,JavaScript的Node.js平台允许开发者搭建Web服务并处理后端业务逻辑,例如用户登录、注册、找回密码、发送邮件验证以及数据的持久化存储等。这些能力使得JavaScript成为了构建全栈Web应用程序不可或缺的工具,从前端的交互逻辑到后端的服务搭建,JavaScript都能提供强大的支持和灵活的解决方案。

        可以实现用户与界面交互的逻辑(开关、下拉菜单、轮播图、列表渲染、条件渲染、滚动加载等)

        可以处理数据的前后端交互 ajax (网络请求)

        可以搭建web服务、处理后端的业务逻辑 nodejs (登录、注册、找回密码、发送邮件验证、数据持久化)

JavaScript的使用方式

        一个JavaScript可以有三种使用方式:内嵌、外部引入、编写函数。

内嵌JS

        使用<script>标签将JavaScript代码直接嵌入HTML页面中。

        内嵌JavaScript的优点包括:

  1. 简单快捷:对于简单的交互和功能,可以直接在HTML文件中编写和测试JavaScript代码。
  2. 易于理解:对于初学者来说,将JavaScript代码和HTML元素放在一起可以更容易地理解它们之间的关系。

        然而,内嵌JavaScript也有一些缺点:

  1. 维护困难:随着代码量的增加,内嵌JavaScript可能会使HTML文件变得难以维护。
  2. 性能问题:如果JavaScript代码在每个页面加载时都重复,可能会影响页面的加载速度。
  3. 安全性问题:直接在HTML中编写JavaScript代码可能会增加跨站脚本攻击(XSS)的风险。写成一段话

引入外部js文件

        外部JavaScript文件是一种将JavaScript代码与HTML文档分离的方法,这样做可以提高代码的可维护性、可重用性和安全性。

        首先,创建.js扩展名的文件。例如,你可以创建一个名为helloworld.js的文件。

        然后,在这个.js文件中编写JavaScript代码,并在html文件中引入.js文件。

 

编写函数

        使用function关键字来定义一个函数。函数可以有参数(也称为形参),这些参数用于接收传递给函数的数据。

 

        定义函数后,可以通过函数名和一对圆括号来调用它。如果函数有参数,需要在圆括号内传递相应的参数。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 在Windows系统上生成SSH秘钥
  • frp的配置参考
  • Vue前端的安全
  • 无人机环保行业解决方案-应急环境污染处理
  • 简站WordPress主题 专业的WordPress建站服务商
  • 第十九次(安装nginx代理tomcat)
  • RabbitMQ发送者重连、发送者确认
  • 用于自动驾驶的基于立体视觉的语义 3D 对象和自我运动跟踪
  • 区间预测 | 光伏出力的区间预测(Matlab)
  • android前台服务
  • Python * attr方法
  • MVC 参考手册
  • 深入解析JVM垃圾回收机制:Full GC、Minor GC与Major GC
  • 【海外高校联合支持举办 | 学术大咖fellow汇聚】2024年人工智能与数字化管理国际会议(ICAIDM 2024,9月20-22)
  • Java中的单点登录实现:OAuth2与JWT
  • canvas 高仿 Apple Watch 表盘
  • classpath对获取配置文件的影响
  • gops —— Go 程序诊断分析工具
  • Java 11 发布计划来了,已确定 3个 新特性!!
  • Java方法详解
  • k8s如何管理Pod
  • mac修复ab及siege安装
  • Mysql5.6主从复制
  • MySQL数据库运维之数据恢复
  • MySQL用户中的%到底包不包括localhost?
  • nginx 负载服务器优化
  • Node + FFmpeg 实现Canvas动画导出视频
  • puppeteer stop redirect 的正确姿势及 net::ERR_FAILED 的解决
  • quasar-framework cnodejs社区
  • SSH 免密登录
  • vue的全局变量和全局拦截请求器
  • 使用权重正则化较少模型过拟合
  • 云栖大讲堂Java基础入门(三)- 阿里巴巴Java开发手册介绍
  • media数据库操作,可以进行增删改查,实现回收站,隐私照片功能 SharedPreferences存储地址:
  • 400多位云计算专家和开发者,加入了同一个组织 ...
  • ​​​​​​​Installing ROS on the Raspberry Pi
  • ‌‌雅诗兰黛、‌‌兰蔻等美妆大品牌的营销策略是什么?
  • #define
  • #HarmonyOS:软件安装window和mac预览Hello World
  • (NSDate) 时间 (time )比较
  • (Python第六天)文件处理
  • (二)WCF的Binding模型
  • (附源码)计算机毕业设计SSM保险客户管理系统
  • (十三)Maven插件解析运行机制
  • (太强大了) - Linux 性能监控、测试、优化工具
  • (源码版)2024美国大学生数学建模E题财产保险的可持续模型详解思路+具体代码季节性时序预测SARIMA天气预测建模
  • (转)PlayerPrefs在Windows下存到哪里去了?
  • (转)人的集合论——移山之道
  • (自适应手机端)响应式服装服饰外贸企业网站模板
  • . ./ bash dash source 这五种执行shell脚本方式 区别
  • .gitignore
  • .net core 外观者设计模式 实现,多种支付选择
  • .net core使用RPC方式进行高效的HTTP服务访问
  • .NET gRPC 和RESTful简单对比
  • .net mvc 获取url中controller和action