2016 - 2024

感恩一路有你

jquery怎么加载脚本 js如何在HTML使用?

浏览量:1150 时间:2023-06-01 21:35:42 作者:采采

js如何在HTML使用?

js在html中的使用有两种

1、直接在html文件中的script标签里写js代码,如图所示:

2、通过script标签的src属性引用外部的js文件,如图所示:

总结:

在开发中建议使用第二种方法,将html和js文件分离,方便维护;

如有疑问,欢迎在评论下方留言讨论;喜欢的记得点赞 关注,为大家提供专业的前端知识

在页面中引入js有两种基本在页面中嵌入js、引用外部js文件。

一、在页面中嵌入js

这是在页面使用js最简单的了。用ltscriptgtlt/scriptgt把js代码标识清楚。

最好是把script元素写在lt/bodygt前面,script元素的内容就是js代码。

像这样:

ltscriptgt

// 在这里写js

function test(){

alert(hello,world)

}

test()

lt/scriptgt

二、引用外部js文件

引用外部js文件,可以使js文件和HTML文件相分离、一个js文件可被多个HTML文件使用、维护起来也更方便等等。

1、先写好js代码,存为后缀为.js的文件,如jquery-1.7.1min.js

2、在HTML文件中的lt/bodygt前添加代码ltscript src../js/jquery-1.7.1min.jsgtlt/scriptgt,src是js文件的路径

3、如果js文件里,有函数,在HTML文件里,用a href# onclickjs_method()return false这种方法进行触发调用

两种

内联和外联

不太清楚你提的什么意思。看问题的话应该没太接触过前端开发,js应用在html中一般内联和外链和行间几种写法,内联写法在标签script中书写js。外链通过script的src引入,也可用import引入(不推荐)。行间的写法现在更少了,就不提了。开发规范建议样式行为结构三者分离。推荐使用script的src引入。

1、直接在html文件中的script标签里写js代码

2、通过script标签的src属性引用外部的js文件

Jquery动态改变图片IMG的src地址示例?

可以使用jQuery的“attr”方法改变img的图片路径。

1、新建html文档,在body标签中添加img标签,设置图片的路径为“”,然后引入文件:

2、为img标签添加id“demo”,然后添加脚本代码“$(#demo).attr(src, );”,代码的意思先获取img标签,然后将路径改为“”:

3、用浏览器打开网页,按F12键打开网页源码,可以查看img路径已经从“”换成“”了:

js 文件 代码 src 标签

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。