1.使用script标签,将js代码写入标签(html和js没有分离)

在 HTML 中,JavaScript 代码必须位于 <script> 与 </script> 标签之间。

<script>console.log(Number.MAX_VALUE)var s = 'hello world'var n = 10var u =undefinedvar l  =nullvar obj = {}var arr = []var addHandler = function()  {}console.log(s.length)console.log(undefined === null)console.log('123\n234')console.log(typeof  s, '-----------')console.log(typeof  n, '-----------')console.log(typeof  u, '-----------')console.log(typeof  l, '-----------')console.log(typeof  obj, '-----------')console.log(typeof  arr, '-----------')console.log(typeof  addHandler, '-----------')</script>

2.定义一个后缀名为.js的文件,然后在html中使用script标签的src属性引入(html和js分离开来)

<script>console.log('你好世界!')console.log('你好世界!')</script> 

这个是写在html文件中的

console.log('hello world!')

这个代码是写在js文件中的

然后使用script标签的src属性引入

<script  src="./hello.js"></script>


在外部文件中放置脚本有如下优势:

  • 分离了 HTML 和代码
  • 使 HTML 和 JavaScript 更易于阅读和维护
  • 已缓存的 JavaScript 文件可加速页面加载

如何在html中使用js相关推荐

  1. html img调用js,html调用js变量 如何在html中输出js文件中的变量

    html页面代码中怎么调用js变量?html页面代码中怎么调用js变量,例如 在html代码中插入js代码: a=取浏览你把index1.js 中的onReady 去掉,把index1.js改成 fu ...

  2. 如何在java中调用js方法

    [java] view plain copy/* * 加载脚本引擎,并在java中调用js方法 */ public void test2() { ScriptEngineManager manager ...

  3. 在html页面上引用脚本文件,如何在html中调用JS文件

    一.JavaScript脚本语言的特性 JavaScript脚本语言是一种面向浏览器的网页脚本编程语言.脚本语言有以下几个特性: 1.在客户端执行.完全在用户的计算机上运行,无须经过服务器. 2.面向 ...

  4. 如何在html中调用JS文件

    转载自:微点阅读   https://www.weidianyuedu.com 一.Javascript脚本语言的特性<br>Javascript脚本语言是一种面向浏览器的网页脚本编程语言 ...

  5. 如何在TypeScript中使用JS类库

    使用流程 1.首先要清除类库是什么类型,不同的类库有不同的使用方式 2.寻找声明文件 JS类库一般有三类:全局类库.模块类库.UMD库.例如,jQuery是一种UMD库,既可以通过全局方式来引用,也可 ...

  6. 如何在VSCode中运行js代码

    安装Node.js 不会安装的请直接查看我的博客五分钟教你搞定在HbuilderX上搭建Node.js环境 注意:只需要在cmd里敲node -v出现版本信息,就可以下一步操作了 在VSCode中下载 ...

  7. react 在JXL中嵌入JS表达式

    为什么要嵌入JS表达式? 答:因为数据存储在js中 如何在JXL中嵌入JS表达式? 答:使用{} //导入react import React from "react"; impo ...

  8. 如何在webstorm中使用jQuery库

    今天这节课教大家如何在webstorm中使用js的轻量级jQuery库.也是踩了不少的坑之后发现如此简单. 第一步 百度搜索进入jQuery官网,如下图所示 下载第一个compressed.produ ...

  9. php 输出图片给js,如何在php中利用croppic.js对图片进行剪切并上传

    如何在php中利用croppic.js对图片进行剪切并上传 发布时间:2021-01-30 16:41:02 来源:亿速云 阅读:92 作者:Leah 这篇文章将为大家详细讲解有关如何在php中利用c ...

最新文章

  1. python3.0内建函数大全_python3内置函数大全
  2. react使用setState注意事项
  3. 卫星导航定位 -- 坐标系统与时间系统
  4. CC254x--BLE
  5. Android第十四期 - 可扩展选项卡
  6. 想悄悄的做渗透测试?这里的工具足够你用了
  7. linux qt 系统时间,QT在linux环境下读取和设置系统时间
  8. $, $, $$, $$, $$a (Run Script File)
  9. 小程序毕设作品之微信小程序点餐系统毕业设计(5)任务书
  10. yigo 第一阶段 异常处理 解决方案
  11. 健康课程小程序开发,传播正确养生方法,拥抱健康生活
  12. mysql sga_MySQL王者晋级之路(一)安装、体系结构和存储引擎
  13. HtmlUnit 使用范例
  14. 关于移动端的文本框获取焦点时导致fixed或absolute定位的按钮被手机键盘顶上去的问题
  15. 美妆电商跌宕十年,跨境模式能否让其重新崛起?
  16. 计算机cpu风扇的结构,“电脑专家”教你如何拆cpu风扇【图文教程】
  17. 生产环境openssl漏洞-升级openssl到最新版本
  18. Ezpad 6s pro安装xubuntu
  19. 可视化排班管理_一种可视化餐厅排班系统的制作方法
  20. xxl-Job某一环境机器无法自动注册

热门文章

  1. C语言用func函数编写程序,C语言程序设计教程第四章练习题解析(1)
  2. P5514 [MtOI2019]永夜的报应【题解】
  3. mysql数据库如何循环_mysql数据库如何循环语句
  4. 用HTML做一個酷炫的照片墻,效果非常酷炫。
  5. 分享:易中天教授讲座十句人生感言!
  6. PayPal新风控规则
  7. python的argparse参数解析
  8. Android 编译 Rom 刷机
  9. 解析 Ensembl 的数据库服务器
  10. 深度学习环境功能以及安装流程