html那里引用js文件
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html那里引用js文件相关的知识，希望对你有一定的参考价值。
平时在html里引用.css和.js都是用
<link href="xxxx.css"></link>
<script src="xxx.js"></script>
如果多个页面都是在同一目录下，并且都需要引用xxx.css和xxx.js
能不能把这些引用放在一个文件下，然后这些页面都导入这个文件来引用这些xxx.css和xxx.js，这样以后发生路经改变，只需修改一个文件就行了，而不用把每个html文件里的<link><script>的地址改过来
要怎么做？
我的天啊，怎么个个都理解错我的意思了
比如：
项目/js/xxx.js
项目/css/xxx.css
项目/html/1.html
项目/html/2.html
项目/html/3.html
现在1，2，3.html里面都有：
<link href="./css/xxx.css"></link>
<script src="./js/xxx.js"></script>
我想能不能通过把上面这两条语句写在一个file里，然后1，2，3.html导入这个文件就可以了，这样以后js或css目录发生改变我就可以去修改file里的就可以了，而不用每个html里修改这些语句
<link type="text/css" rel="stylesheet" href="common/test.css"></link>
<script type="text/javascript" src="common/test.js"></script>
这样两者引入以后就可以使用了 当然文件夹的路径应该要设置好，
我的例子是common文件和你要引用的文件在同一目录下的！
那你可以把
<link type="text/css" rel="stylesheet" href="common/test.css"></link>
<script type="text/javascript" src="common/test.js"></script>
引用的文件都放入一个文件include.php当中,然后在需要的里面加上
include ("include.php"); 就可以在里面使用。如果需要更改的话，只要改include.php里面的就行了！希望是你要的！ 参考技术A 这样不行的，因为你每次想引用文件的文件位置可能不同，这样你的引用路径就也可能不同，折中办法是你分别建立js、css文件夹，相应的文件都放入对应的文件夹里，引用的时候找到当前文件相对于这两个文件夹的路径，然后引入需要的文件就可以了！O(∩_∩)O~ 参考技术B
在html中调用js代码：
一、将javascript直接写在html文件中，然后在html中调用js函数等。
二、将js代码写一个文件中，然后在html中引用该文件，在使用js文件中定义的js函数。
JavaScript脚本语言是一种面向浏览器的网页脚本编程语言。脚本语言有以下几个特性：
1、在客户端执行。完全在用户的计算机上运行，无须经过服务器。
2、面向对象。具有内置对象，也可以直接操作浏览器对象。
3、动态变化。可以对用户的输入作出反应，也可以直接对用户输出。
4、简单易用。JavaScript脚本语言虽然简单，但初学者也能快速掌握。
5、只能与HTML语言一起使用。要通过浏览器解释执行。
参考技术C 把这句话放在页面的最上面:<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
这是无论你放在什么位置都会自己找到的
然后引用的时候是
<SCRIPT language=JavaScript src="<%=path%>/js/tceng.js"></SCRIPT>
希望能帮到你 参考技术D 可以的 编写一个header文件用来引入js和css，然后在其余的html文件的<head>#parse("header.html")
注意你的header.html文件的存放目录。
ps：这种问题百度知道基本是复制贴贴百度，建议你上专业论坛去搜索答案
编辑 JS 文件时的智能感知
【中文标题】编辑 JS 文件时的智能感知【英文标题】：Intellisense while editing JS files 【发布时间】：2012-02-09 18:20:22 【问题描述】：我正在 Visual Studio 中创建项目。在 HTML 文件中编辑 JS 时，由于我们在顶部包含了对所有 JQuery 文件的引用，因此我们获得了 jquery 实例的智能感知。但是，当我们编辑 JS 文件时，我们根本没有任何智能感知！有没有办法在那里获得智能感知？
【问题讨论】：
你在什么平台上编辑？蚀？网豆？视觉工作室？ 这是专门针对 VisualStudio 的吗？ @T.J. Crowder 我的回答被接受了，所以我想这个问题毕竟是关于 Visual Studio 的。我已经重新添加了标签。 【参考方案1】：假设您正在谈论 Visual Studio，请尝试将以下行添加到 .js 文件的顶部。
/// <reference path="~/path/to/your/jquery.js"/>
另外，如果您使用的不是随 Visual Studio 打包的 jQuery 版本，您需要一个与您的 jquery 文件名匹配的 jquery-x.x.x-vsdoc.js 文件，并将该 vsdoc 放在与您的 jQuery 相同的目录中图书馆。
（例如，如果您使用jquery-1.5.2.min.js，您将希望jquery-1.5.2-vsdoc.js 在您的项目的同一目录中）
您可以在此页面获取适用的 vsdoc 文件：
http://appendto.com/community/jquery-vsdoc
【讨论】：
【参考方案2】：您似乎在暗示您正在使用 Visual Studio 来编辑您的 JS 文件。如果是这样，也许 VS 的 JScript Editor Extensions 扩展对你有用。它在 JS 文件中添加了对 Intellisense 的支持。
【讨论】：
以上是关于html那里引用js文件的主要内容，如果未能解决你的问题，请参考以下文章