1 JavaScript的引入方式

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

1 JavaScript的引入方式

JavaScript, 是一门能够运行在浏览器上的脚本语言. 简称JS. 首先, Javascript这个名字的由来就很有意思, 不少人认为Javascript和Java貌似很像. 容易想象成Java的脚本. 但其实不然, 两者之间没有任何关系. 纯粹是商业碰瓷.

那么既然JS是可以运行在浏览器上的脚本. 并且, 我们知道本质上, 浏览器是执行HTML程序的. 那么如何在HTML中引入JS呢?

方案一, 直接在<script>标签中引入编写js代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript的引入方式</title>
</head>
<body>
<!-- JavaScript 在html文件中的引入方式1 -->
    <script>alert('我最帅~~~')</script>
</body>
</html>

方案二, 将js代码写在js文件中, 然后通过<script>标签的src属性进行引入

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript的引入方式</title>
</head>
<body>
<!-- JavaScript 在html文件中的引入方式2 -->
    <script src = "测试文件.js"></script>
</body>
</html>

两种方式运行出的效果是一致的. 但是需要各位注意一点, HTML程序在执行的时候是从上到下进行渲染的.

那么如果把脚本放在下面和放在上面是有一些不同的.

1 JavaScript的引入方式

1 JavaScript的引入方式文章来源地址https://www.toymoban.com/news/detail-654792.html

到了这里,关于1 JavaScript的引入方式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • JS的引入方式

    1.在 body 中:JavaScript 代码必须位于  script  与  /script  标签之间。  此时p标签输出为“我的第一段 JavaScript” 2.外部引入方式:使用script src=\\\"js文件路径\\\"/script来引入 你可以将脚本放置于 head 或者 body中,放在 script 标签中的脚本与外部引用的脚本运行效果完全一致 3:在行

    2024年02月13日
    浏览(33)
  • cesium开发引入方式

    无独有偶,引入无非两种方式:外部标签引入和import导入。 1、外部引入       外部引入的话需要提前去下载开发包,下载完后,Build文件夹有两个文件夹:Cesium和CesiumUnminified,Cesium是压缩版的,CesiumUnminified是未压缩的,如果自己学习调试可以用未压缩的;如果是项目建议用

    2024年02月08日
    浏览(38)
  • CSS引入方式

    表示方式 --------预定义的颜色名---------red,green,blue rgb表示法-----红绿蓝三原色,每项取值范围:0-255-----rgb(0,0,0),rgb(255,255,255) 十六进制表示法-----#开头,将数字转换成十六进制表示--------#00000000,#ff000000 元素选择器    /* 元素选择器 */         span{    

    2024年02月10日
    浏览(38)
  • 1 CSS的引入方式

    1 CSS的引入方式 CSS样式有三种不同的使用方式,分别是行内样式,嵌入样式以及链接式。我们需要根据不同的场合不同的需求来使用不同的样式。 行内样式 行内样式,就是写在元素的style属性中的样式,这种样式仅限于元素内部起作用。当个别元素需要应用特殊样式时就可以

    2024年02月12日
    浏览(41)
  • CSS||引入方式

    目录 CSS引入方式 行内样式表(行内式) 内部样式表(嵌入式) 外部样式表(链接式) 引入外部样式表 CSS(层叠样式表)是一种用来描述文档样式的样式表语言,它主要用于描述网页的展示样式。在网页开发中,我们通常会用到不同的CSS引入方式来管理和应用样式,包括行

    2024年01月18日
    浏览(40)
  • 三种引入CSS的方式

    概述 Cascading Style Sheet 层叠样式表 前端三大基础之一(Html结构 CSS样式 JS动作) 最早由网景公司(Netscape)提出,在1996年受到w3c的认证,发布了第一版,迄今为止已经是第四版,专门用来负责页面的样式 取代了Html同时渲染结构和样式造成的页面混乱。 使用html同时渲染页面样式

    2024年01月16日
    浏览(39)
  • CSS的引入方式有哪些?

    前端入门之旅:探索Web开发的奇妙世界 欢迎来到前端入门之旅!感兴趣的可以订阅本专栏哦!这个专栏是为那些对Web开发感兴趣、刚刚踏入前端领域的朋友们量身打造的。无论你是完全的新手还是有一些基础的开发者,这里都将为你提供一个系统而又亲切的学习平台。在这个

    2024年02月14日
    浏览(43)
  • IDEA手动引入jar包方式

    第一种方式,使用idea自带的功能引入。 注意本地开发可以,但项目打成jar包时因未添加进去导致打包报错或打包成功启动失败 最后一次性选择( 选中第一个,按住shift键,点击最后一个完成 )多个jar即可导入 第二种和第三种以pom.xml文件中导入依赖完成。 本地开发和项目打成

    2024年02月15日
    浏览(41)
  • uniapp引入全局js,vue2/vue3不同方式引入

    Hi I’m Shendi uniapp引入全局js,vue2/vue3不同方式引入 最近写小程序,个人开发,选用了 uni-app 进行开发 选用的 vue3 版本 因为我用的 vue3 版本,在这里踩了没学过vue3的坑,用vue2引入全局js的方式使用,导致undefined… Vue2 版引入全局js的方法如下 将js放到项目内,一般放到自建的

    2024年02月03日
    浏览(64)
  • https页面中引入http资源的方式

    ​ https引入http要根据具体情况分析,但是解决问题的前提是要先了解二者概念和区别,以及找问题出在哪里。不同项目有不同配置,不一定每次遇到同样的问题,都能用同样的办法解决,但是可以从以往遇到的情况和解决问题的方法进行分析,下面是我遇到https 页面中引入

    2024年02月12日
    浏览(38)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包