jquery怎么加载脚本 js如何在HTML使用?
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路径已经从“”换成“”了:
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。