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

002-读书笔记-JavaScript高级程序设计 在HTML中使用JavaScript

这篇笔记的内容对应的是《JavaScript高级程序设计(第三版)》中的第二章。

1.使用方式

在HTML中使用 JavaScript 的方式有两种,第一种就是直接内部使用;第二种就是外部引入。

1-1 HTML文件内部使用

<script type="text/javascript">
  // 使用到的 JavaScript 代码
</script>

1-2 引入外部js文件

<script type="text/javascript" src="外部js代码的地址"></script>

2.标签的位置

一般情况下,标签的位置放在 head 标签中:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 引入js代码 -->
    <script type="text/javascript" src="a.js"></script>
</head>
<body>
    <!-- 页面结构 -->
</body>
</html>

对于需要引入很多js的html中间,如果把js放在头部,无疑会导致浏览器呈现页面出现延迟,就是导致页面出现空白。这样的用户体验肯定不好,因此,可以将js放在所有的页面结构代码之后。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <!-- 页面结构 -->
    <!-- 引入js代码 -->
    <script type="text/javascript" src="a.js"></script>
</body>
</html>

相关文章:

  • iOS之CAGradientLayer属性简介和使用
  • 近百年前宝洁发明“肥皂剧”,阿里要创造“种草剧”!
  • python 字符框
  • SpringMVC学习系列 之 数据验证
  • easyui-combobox 设置option内容不换行
  • 3.7 su命令 3.8 sudo命令 3.9 限制root远程登录
  • fs检测文件夹状态
  • webapi 获取请求参数
  • 风险管理:企业要为云端的5种风险承担责任
  • 分享关于Entity Framework 进行CRUD操作实验的结果
  • 文件地理数据库的大小和名称限制
  • OID
  • Hyper-V Server 2012 R2介绍
  • 单例模式--SingleTon
  • BZOJ-1853: [Scoi2010]幸运数字 (容斥原理)
  • 10个最佳ES6特性 ES7与ES8的特性
  • 2017 年终总结 —— 在路上
  • CentOS7简单部署NFS
  • es6要点
  • happypack两次报错的问题
  • java小心机(3)| 浅析finalize()
  • JSDuck 与 AngularJS 融合技巧
  • Python进阶细节
  • Spring Cloud Feign的两种使用姿势
  • vue--为什么data属性必须是一个函数
  • 阿里中间件开源组件:Sentinel 0.2.0正式发布
  • 理解 C# 泛型接口中的协变与逆变(抗变)
  • 聊一聊前端的监控
  • 前言-如何学习区块链
  • 浅析微信支付:申请退款、退款回调接口、查询退款
  • 如何利用MongoDB打造TOP榜小程序
  • 体验javascript之美-第五课 匿名函数自执行和闭包是一回事儿吗?
  • 微信小程序填坑清单
  • 我建了一个叫Hello World的项目
  • 智能合约Solidity教程-事件和日志(一)
  • PostgreSQL 快速给指定表每个字段创建索引 - 1
  • 新年再起“裁员潮”,“钢铁侠”马斯克要一举裁掉SpaceX 600余名员工 ...
  • #if 1...#endif
  • #宝哥教你#查看jquery绑定的事件函数
  • (vue)页面文件上传获取:action地址
  • (附程序)AD采集中的10种经典软件滤波程序优缺点分析
  • (附源码)计算机毕业设计SSM疫情下的学生出入管理系统
  • (论文阅读23/100)Hierarchical Convolutional Features for Visual Tracking
  • (篇九)MySQL常用内置函数
  • (一)Mocha源码阅读: 项目结构及命令行启动
  • (转)重识new
  • .NET Entity FrameWork 总结 ,在项目中用处个人感觉不大。适合初级用用,不涉及到与数据库通信。
  • .net 生成二级域名
  • .NET 事件模型教程(二)
  • .net利用SQLBulkCopy进行数据库之间的大批量数据传递
  • .net实现客户区延伸至至非客户区
  • /3GB和/USERVA开关
  • @RunWith注解作用
  • [.net] 如何在mail的加入正文显示图片
  • [20161101]rman备份与数据文件变化7.txt