html怎么调用外部js文件?

图二是html里的,图一js(在html内部能使用,但外部就不行了)

document.getElementById("") 这个方法,最好放到html的页面最底部来执行,或者放到 window.onload 方法中执行,也就是页面加载完了再去找这个id是否存在,要不然可能找不到这个对象。
你可以打开开发者工具,看下报错原因,是不是由这个引起的

<html>
<body>
所有内容
<script>
var a = document.getElementById("abc");
console.log(a);
// 放到这里
</script>
</body>
</html>
温馨提示:内容为网友见解,仅供参考
第1个回答  2019-12-29
调用外部文件最要注意的就是路径问题!!
路径分绝对路径和相对路径,这里用相对路径。
html和js在同一页可以写成./x.js,js在上一级可以写成../x.js,js在上一级的另一个文件夹可以写成../wenjian/x.js。
第2个回答  2019-10-28
你把这个项目的文件目录结构发个图片来看看啊!!!

怎么调用外部js文件?
我们可以把 js 放在另外一个文件里,比如当前文件夹的 a.js 中。这样 html 页面如下:a.js 这样就行了。当然,也可以把 a.js放在web上,然后引用成下面这样。

怎样在html中使用js文件的内容
可以将纯JavaScript的语句另外保存在一个"*.js"的文件中,需要时再调用。例子:调用test.js文件,显示提示。<html> <body> 调用test.js文件 <script language="JavaScript" src="test.js"><\/script><\/body><\/html>test.js的文件内容如下:alert("这是被调用的语句。")四、注释语句 用<!- .....

怎么在html文件中调用js文件
1、将这一段代码保存到一个文件中。2、注意,您可以任何文本工具创建js文件,不过您在保存的时候,需要将名字后缀名为.js。3、这里将js文件保存为index.js。之后如果我们需要使用index.js。我们只需要调用即可,不需要再写新的js文件。4、在html的head部分引入js文件,具体的代码。5、这个引用是一个...

如何在html中调用js代码
1、首先打开Sublime text软件编写一个html页面,如下图所示 2、然后我们在html页面中添加script标签,在script里简单的写一些JS的代码,如下图所示 3、接下来可以定义一个button按钮,通过其click事件来调用JS的代码,如下图所示 4、当然,如果调用的JS代码是外部的文件,则需要在开头的head标签内进行引入...

在html网页中怎样调用js文件?
准备两个文件,一个是你要调用的js文件,用记事本里面写上你要的js代码,我这里只做示例,就写个简单的弹窗alert("OK");保存成1.js。第二个文件html网页,用记事本写上<script type="text\/javscript" src="1.js"><\/script>保存成1.html文件。打开就可以了。注意一定要把扩展名显示出来才能改...

html引入外部jscss找不到
jsp或html页面引用外部.css或.js文件时,注意路径问题,如果设置不当,会引用不到这些外部的文件假设使用下面的目录结构:-webapp |-MyProject 目录|--WebContent 目录|---scripts 目录---dtree.js 文件|---styles 目录---main.css 文件|---pages 目录---test.jsp 文件现在例如要在test.jsp中...

JS文件中如何调用外部JS文件
1、创建一个文件夹,这个文件夹有一个js文件夹和一个html文件。js文件夹用来存放需要引入的js文件。2、打开html文件,在html文件上找到<body>,在<body>标签里创建一个按钮标签,然后给这个标签添加一个点击addJs事件。3、在js文件夹下创建一个js文件为addJs.js。4、在addJs.js文件上输入一个alert...

怎么在HTML页面中引用JS,CSS文件? 麻烦写个具体代码
css的代码 temp {width: 100px;height: 100px;background: black;}myjs.js的代码 window.onload = function(){alert("写给怎么在HTML页面中引用JS,CSS文件? 麻烦写个具体代码");};以上三个文件都是放在同一个目录下的,如果需要在不同的目录下请修改css的href和js的src即可 ...

html里的js代码怎么改成外部js文件调用呢?
1,新建一个js文件,将html中<script><\/script>之前的代码全部选中剪切到该js文件中。如下这个案例,就只剪切其中的alert("测试")。<script> alert("测试");<\/script>2,在html中添加js文件调用代码,示例如下:<script src="这里是js文件的路径"><\/script> ...

如何在html中调用JS文件
") <\/script><\/body><\/html>三、在浏览器地址栏直接执行JavaScript脚本也可以在浏览器的地址栏中输入JavaScript语句,由浏览器直接执行。如输入:javascript:alert(200*75)四、调用JavaScript文件 可以将纯JavaScript的语句另外保存在一个"*.js"的文件中,需要时再调用。例子:调用test.js文件,显示提示...

相似回答