首页 > 软件开发 > HTML >

在HTML文件中引入JavaScirpt的三种方式方法

来源:互联网 2023-03-16 19:19:04 501

网页实现动态效果需要引入JavaScirpt来实现,下面介绍在HTML文件中引入JavaScirpt的三种方式。xRk办公区 - 实用经验教程分享!

在HTML文件中引入JavaScirpt的三种方式方法xRk办公区 - 实用经验教程分享!

工具/原料

  • 电脑:小米笔记本 AIR13
  • 系统:Windows 10 64位 专业版
  • 软件版本: PyCharm Community Edition 2017.2.3
  • 浏览器:360极速浏览器

方法/步骤

  • 1

    打开PyCharm,写入基础html代码,当然也可以用其他文本编辑工具替代PyCharm。xRk办公区 - 实用经验教程分享!

    在HTML文件中引入JavaScirpt的三种方式方法xRk办公区 - 实用经验教程分享!

  • 2

    行内引入方式:直接将JavaScirpt写在html的标签中,例如在html的body区域写入元素button,然后在button标签的onclick事件中写入JavaScirpt代码。xRk办公区 - 实用经验教程分享!

    在HTML文件中引入JavaScirpt的三种方式方法xRk办公区 - 实用经验教程分享!

  • 3

    内部引入方式:此方式中需将JavaScirpt代码用script标签圈起来,位置可以放在html文档的head中,此时JavaScirpt代码将先于html文档中的元素加载。xRk办公区 - 实用经验教程分享!

    在HTML文件中引入JavaScirpt的三种方式方法xRk办公区 - 实用经验教程分享!

  • 4

    在内部引入方式中也可将JavaScirpt代码放在html文档的body中,并通过事件与页面元素绑定。xRk办公区 - 实用经验教程分享!

    在HTML文件中引入JavaScirpt的三种方式方法xRk办公区 - 实用经验教程分享!

  • 4该信息未经授权抓取自百度经验
  • 5

    外部引入方式:首先新建一个后缀为js的文件,在其中写入JavaScirpt代码。xRk办公区 - 实用经验教程分享!

    在HTML文件中引入JavaScirpt的三种方式方法xRk办公区 - 实用经验教程分享!

  • 6

    回到html页面,使用代码script type="text/javascript" src="hello.js" charset="UTF-8">/script>引入外部JavaScirpt代码,其中src为外部js文件的路径。xRk办公区 - 实用经验教程分享!

    在HTML文件中引入JavaScirpt的三种方式方法xRk办公区 - 实用经验教程分享!

  • 注意事项

    • 内部引入时写在head中那么JavaScript代码将先于页面元素加载,可能导致bug。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!xRk办公区 - 实用经验教程分享!


    标签: HTMLJAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码