网页中怎么引用javascript文件

2025-10-24 00:50:57

1、第一步：确保同一网站的所有文件都在本网站的根目录下，如果说网页文件没有和其他文件处于同一个根目录，那么先调整。新建一个文件夹（作为网站根目录），在里面新建一个名称为：js的文件夹

网页中怎么引用javascript文件

2、第二步：打开Adobe Dreamweaver软件，为了便于演示效果，这里我先新建一个“HTML”文件。

网页中怎么引用javascript文件

3、第三步：切换到“代码视图”，就能看到此网页的html代码了，在<head></head>标签的中间输入：

<script type="text/javascript" src="此处就是即将要编写的js文件路径"></script>

4、第四步：在Adobe Dreamweaver的菜单中选择：文件——>新建，在弹出的窗口中选择“javascript”,点击“创建”。

网页中怎么引用javascript文件

5、第五步：选择Adobe Dreamweaver的菜单中的：文件——>另存为，保存到所在网页的根目录中的js文件夹内。

网页中怎么引用javascript文件

6、第六步：在该html网页中的头部标签<head></head>中找到<script>标签，<script type="text/javascript" src="test.js"></script>，此时引用完成。

网页中怎么引用javascript文件

1、同样在刚才的html文件中找到<body></body>标签，最好是在</body>的上面写上：

js语句

</script>

网页中怎么引用javascript文件

2、总结：

1、外部引入法，需要注意的是js文件的存放位置，最好是放到网站的根目录文件夹

2、内部引入法，最好是放到<body></body>标签的最后面。

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。