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

这篇具有很好参考价值的文章主要介绍了JavaScript基础语法02——JS书写位置。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

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基础中书写位置的相关知识的笔记,有不当之处还望指正。
想起一句话,貌似是锤子科技发布会上听到的:从来没有什么失败的人,只有半途而废的人。
每天进步一点点,加油。文章来源地址https://www.toymoban.com/news/detail-686870.html

到了这里,关于JavaScript基础语法02——JS书写位置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Python基础语法02:函数

    有些朋友基础比较薄弱,因此专门开发一套简单易学的Python基础教程: Python基础语法01:缩进规则 Python基础语法02:函数 Python基础语法03:类 Python基础语法04:顺序语句结构 Python基础语法05:条件和分支 Python基础语法06:循环 Python基础语法07:数据类型 Python基础语法08:内置

    2023年04月08日
    浏览(20)
  • 【JavaScript】JS语法入门到实战

    JavaScript (简称 JS) 是世界上最流行的编程语言之一 是一个脚本语言, 通过解释器运行 主要在客户端(浏览器)上运行, 现在也可以基于 node.js 在服务器端运行 JavaScript 最初只是为了完成简单的表单验证(验证数据合法性),结果后来不小心就火了。当前 JavaScript 已经成为了一个通用

    2024年02月09日
    浏览(40)
  • Golang之路---02 基础语法——字典

    字典(Map 类型),是由若干个 key:value 这样的键值对映射组合在一起的数据结构。 key 不能是切片,不能是字典,不能是函数。 字典初始化 方式:map[KEY_TYPE]VALUE_TYPE 字典的相关操作 嵌套字典 判断key是否存在 当key不存在,会返回value-type的零值 ,所以你不能通过返回的结果是

    2024年02月15日
    浏览(43)
  • Day02 - Java基础语法

    目录 1. 注释 使用的技巧 注意点 2. 2.1 概念 2.2 第一个class 3. 字面量 区分技巧 4. 变量 4.1 什么是变量? 4.2 变量的定义格式 4.2.1 格式详解 4.2.2 常用的数据类型 4.2.3 变量的注意事项 5. 数据类型 5.1 Java语言数据类型的分类 5.2 基本数据类型的四类八种 说明 需要记忆

    2024年02月10日
    浏览(30)
  • Web06--JavaScript基础02

    JS与Java一样,也有三个流程控制语句: 顺序结构 选择结构 循环结构 1.1.1 if结构 注意事项:JS的条件语句和Java语法基本一样,但是对数据类型的真假判断有些区别。JS中对各种数据类型作为布尔值有以下特点: 类型 用法 boolean true为真、false为假 number 非0为true string 除了空字符

    2024年01月24日
    浏览(27)
  • 02-MySQL-基础篇-SQL通用语法及分类

    前言 本篇来学习下SQL通用语法及分类 SQL通用语法 SQL语句可以单行或多行书写,以分号结尾。 SQL语句可以使用空格/缩进来增强语句的可读性。 MySQL数据库的SQL语句不区分大小写,建议使用大写。 注释: 单行注释:-- 注释内容 或 # 注释内容 多行注释:/* 注释内容 */

    2024年02月13日
    浏览(21)
  • Java基础知识篇02——Java基本语法

    定义: 就是用了保存数据的一个类型,一种数据类型,只能保存该类型数据值 作用: 只有了解数据类型,才能选择合适的类型存放数据,才能更好的利用计算机硬件资源(内存和硬盘等)。 不同的数据类型存放数据大小是不同的。 数据类型的使用方式就是用来声明一个变量,

    2024年03月15日
    浏览(42)
  • CSS的书写位置

    让我为大家介绍一下css的书写位置 感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

    2024年01月24日
    浏览(29)
  • Golang之路---02 基础语法——常量 (包括特殊常量iota)

    常量 iota iota是Golang语言的常量计数器,只能在常量表达式中使用 iota在const出现时将被重置为0,const中每新增一行常量声明将使iota计数一次 输出结果: 注: iota是const语句块中的行索引,而不是变量索引,其计数只与const语句块中的行数相关

    2024年02月15日
    浏览(29)
  • JavaScript (二) -- 基础语法

    目录 1.  输入输出语句 1.1  prompt()(对话框) : 1.2  alert() (弹出框) 1.3  console.log()(控制台输出) 1.4  document.write() (网页输出) 2.  变量与常量 3.  原始数据类型 4.  typeof()方法 5.  运算符 5.1  算数运算符 5.2  比较运算符 5.3  逻辑运算符 6.  流程控制语句(

    2024年02月02日
    浏览(26)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包