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

JavaScript基础语法02——JS书写位置

哈喽,大家好,我是雷工!
今天继续学习JavaScript基础语法,JS的书写位置,俗话说:好记性不如烂笔头,边学边记,方便回顾。

在这里插入图片描述

1、行内JavaScript

代码写在标签内部

示例:

<body><button onclick="alert('你还真信呀?~')">点击关注【雷工笔记】月薪过万</button>
</body>

2、内嵌式JavaScript

2.1、要将JS代码直接写在HTML文件里面。
2.2、在HTML文件中添加一个script,用script标签包住,script标签中的代码就是JS代码。
2.3、script标签的位置可以在HTML文件中的任何地方,但推荐在head标签中或者body标签中。

示例:

<body><script>alert('hello,欢迎关注雷工笔记')</script>
</body>

雷工提醒:
我们习惯将

3、外联式JavaScript

3.1、先创建一个JS文件,后缀名是xxxx.js。
3.2、使用script标签引入JS文件。

示例:

<body><!--用src引入外部JS文件--><script  src="leigong.js"></script>
</body>

雷工提醒:
外联式JavaScript会让代码看上去更加有序,更容易复用,且没有了脚本的混淆,html也更容易阅读,因此这是值得我们学习的好习惯。

4、重点总结:

4.1、外联式中,script标签的位置可以在HTML文件中的任何地方,但推荐在body标签中,尽量写到文件末尾
前面。
4.2、JS中内嵌式写法和外联式写法不可以混合使用,如果外联式写法,script标签中间就不可以再写代码,否则会被忽略,只执行外联部分。

后记

以上是关于JavaScript基础中书写位置的相关知识的笔记,有不当之处还望指正。
想起一句话,貌似是锤子科技发布会上听到的:从来没有什么失败的人,只有半途而废的人。
每天进步一点点,加油。

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

相关文章:

  • LInux快捷命令
  • jvm的内存划分区域
  • 什么是数据中心IP,优缺点是什么?
  • 模块化与组件化:开发中的双剑合璧
  • 【C++初阶】list的常见使用操作
  • 排序之插入排序
  • c# - - - 安装.net core sdk
  • Golang Gorm 高级查询之where + find
  • 【LeetCode】30 天 Pandas 挑战
  • 头歌MYSQL——课后作业2 数据表中数据的插入、修改和删除
  • Maven的profiles多环境配置
  • go 协程
  • 【python爬虫案例】用python爬豆瓣读书TOP250排行榜!
  • Qt中 gui 模块和 widgets 模块的区别
  • feign调用流程
  • 15-数据结构-二叉树的遍历,递归和非递归
  • 最新绕过目标域名CDN进行信息收集技术
  • overlayfs
  • Mysql中九种索引失效场景分析
  • Android RecyclerView 之 列表宫格布局的切换
  • 妈妈的爱依然深沉
  • net.ResolveTCPAddr(“tcp6“, address)
  • mysql和mybatisPlus实现:datetime类型的字段范围查询
  • 学习笔记:用ROS接收rosbag发布的topic
  • LAMP架构介绍配置命令讲解
  • C语言之函数题
  • SpringBoot的四种handler类型
  • 基于KNN算法的鸢尾花种类预测
  • 英语-面试
  • 文件传输协议