HTML中怎么引用JS ?

HTML中怎么引用JS ?,第1张

1、通过使用html标签的style属性来写。通过这种方式写的样式会覆盖掉其他引入方式的样式。优先选择行内样式。缺点是不利于后期维护,如果一个页面写太多行内样式,也会让页面看着比较乱。

2、可以放在页面中的任何位置。但通常情况下放在<head></head>标签内。这样比较有统一性,便于查找。这个用在一个页面中还可以,不利于多个页面同一样式的使用。

3、这个方法需要单独建立一个css文件,所有的样式都放到这里面。易于维护,并且适合多个页面使用。

4、这个方法是在外部单独建立一个js文件,页面中所有的js都在这一个页面中。易于维护,方便多次使用。

5、直接把js效果写在<script></script>标签中即可。这部分内容可以放在页面中的任何位置。但是一般放在页面的底部。这样的话便于页面加载完成再执行js文件。

(1)在html文件的head中添加代码,例如:

<script src="../js/jquery-1.7.1min.js"></script>(src是js文件的路径)

(2)也可以把js文件直接拖进html页面

科普:JS一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

1、浏览器控制台运行

JavaScript不同于java语言或者c语言,需要环境、需要编译再运行,js在被制造出来时,就是为浏览器而生,可以直接在浏览器里运行,这里以谷歌浏览器为例,鼠标右键检查或者快捷键F12即可看到控制台可以理解为 *** 作系统里的命令行模式

在这里就可以直接输入我们想输入的js代码,回车即可查看代码执行结果

在浏览器输入js代码的好处显而易见:方便,打开浏览器就能输代码查看执行结果,我平常也多用浏览器控制台学学原生js的原理或者看看正则是不是匹配,因为浏览器控制台的缺点太多了: *** 作不便,没法文件 *** 作只能命令行,找错困难,大多数时候的js是有依赖的,控制台不方便整依赖,所以,一般控制台也就执行执行简单原生的js

2、写在HTML里运行

实际上,我们肯定不想用命令行的方式,当然是用一个顺手的IDE写代码。

这种方式,就是我大学时候,老师们教的传统方式了。

学HTML的时候,会教到标签,有一个标签不同于别的花里胡哨的标签,这个标签很牛,叫做<script>脚本标签,用来嵌入或者引用可执行脚本,这里解释一下嵌入和引用。嵌入呢,就是把脚本写在标签里边儿,引用呢,就是把脚本写好,然后用标签引入这个脚本的路径

这是主流的写法也是主流的教法,嵌入的写法就是这样:

引用的写法是这样:

查看执行结果的话,点击IDE边上的浏览器图标或者右键run这个html页面,等浏览器d出来,右键检查就能看到控制台输出的值了

3、直接运行js

实际上上面第二种方法已经很靠谱很普及了,可还是用起来不舒服,每回都要写一个HTML,有的甚至还要再写一个js,那能不能像运行html一样,直接右键运行js呢?

当然是可以的!用node!以下是我花了一个小时才整成的历程!

1、由于我是新的电脑,我装了个nodejs,安装包安装完后,直接命令行执行node命令,即可以直接运行js代码

这样方式还是很蠢,和浏览器没什么区别

2、我用IDE些好的js文件,然后用node单独执行

看上去是好一点了,可以单独执行文件了,但是这样还是很蠢,每回打开cmd还要找到js的路径

3、插件(我这里用的IDEA)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7618967.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-07
下一篇 2023-04-07

发表评论

登录后才能评论

评论列表(0条)

保存