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

 时间:2024-10-13 18:36:44

1、打开PyCharm,写入基础html代码,当然也可以用其他文本编辑工具替代PyCharm。

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

2、行内引入方式:直接将JavaScirpt写在html的标签中,例如在html的body区域老揉孟阼写入元素button,然后在button标签的onclick事件中写入JavaScirpt代码。

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

3、内部引入方式:此方式中需将JavaScirpt代码用script标签圈起来,位置可以放在html文档的head中,此时JavaScirpt代码将先于html文档中的元素加载。

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

4、在内部引入方式中也可将JavaScirpt代码放在html文档的body中,并通过事件与页面元素绑定。

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

5、外部引入方式:首先新建一个后缀为js的文件,在其中写入JavaScirpt代码。

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

6、回到html页面,使用代码<script type="text/javascript" src="he造婷用痃llo.js" charset="UTF-8"></script>引入外部JavaScirpt代码,其中src为外部js文件的路径。

在HTML文件中引入JavaScirpt的三种方式方法
  • 如何设置百度浏览器右击标签时关闭网页?
  • css如何设置表格只有底部线
  • css如何让图片翻转
  • table和div的区别?如何取舍?
  • jquery如何实现让文字逐渐显示出来
  • 热门搜索
    苦瓜减肥法 红烧丸子 生化危机6攻略 东极岛旅游攻略 如何减肥瘦大腿 左传简介 这是我的战争攻略 八卦阵怎么摆 魏大勋减肥 猎豹q6怎么样