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

JavaScript的书写方式

JavaScript的书写方式

目前较为流行的是第二种和第三种,第一种很少见。在第二种和第三种推荐使用第三种,因为在日常开发/工作中,第三种是最为常见的

1.行内式

把JS代码嵌入到html元素内部

示例代码

image-20240228221932146

运行效果

image-20240228222430887

由于JS中字符串常量可以使用单引号''表示, 也可以使用双引号""表示,所以上述代码还可以写为:

<input type="button" value="这是一个按钮" onclick='alert("哈哈哈")'>

注:HTML 中推荐使用双引号"",JS 中推荐使用单引号''


2.内嵌式

通过script标签进行一个引入

示例代码
image-20240228223924629

运行效果
image-20240228225408722


3.外部式

开发过程中非常常用的,用一个单独的js文件来写js代码,通过一个src把这个文件进行引入

示例代码
demo03.js

alert("这是我在学习JS")

image-20240228230145430

运行效果

image-20240228230025350

http://www.lryc.cn/news/307619.html

相关文章:

  • 第二十篇-推荐-纯CPU(E5-2680)推理-llama.cpp-qwen1_5-72b-chat-q4_k_m.gguf
  • CSS常见选择器
  • [LWC] Components Communication
  • Unity中URP实现水体(水下的扭曲)
  • anaconda指定目录创建环境无效/环境无法创建到指定位置
  • 《Docker极简教程》--Docker在生产环境的应用--Docker在生产环境的部署
  • 算法D31 | 贪心算法1 | 455.分发饼干 376. 摆动序列 53. 最大子序和
  • 在IDEA中创建vue hello-world项目
  • 如何获取pnpm存储目录
  • QT两个类之间使用信号槽
  • 【Ubuntu】使用WSL安装Ubuntu
  • 【Node.js】自动生成 API 文档
  • 小红书3C家电行业种草营销策略打法,纯干货
  • 防火墙的内容安全
  • Redis 管道详解
  • 【Redis】理论进阶篇------浅谈Redis的缓存穿透和雪崩原理
  • Rocky Linux安装部署Elasticsearch(ELK日志服务器)
  • Linux浅学笔记04
  • 【Day59】代码随想录之动态规划_647回文子串_516最长回文子序列
  • ECLIP
  • STM32 +合宙1.54“ 电子墨水屏(e-paper)驱动显示示例
  • 使用Postman和JMeter进行signature签名
  • uni-app nvue vue3 setup中实现加载webview,解决nvue中获取不到webview实例的问题
  • IPD(集成产品开发)—核心思想
  • uniapp android 原生插件开发-测试流程
  • MyCAT从入门到实战(配置文件介绍)
  • 【LeetCode-300】最长递增子序列(动归)
  • Mysterious-GIF-攻防世界-MISC
  • 【数据结构和算法初阶(C语言)】链表-单链表(手撕详讲单链表增删查改)
  • 【Go语言】Go语言中的切片