html无法引用外部js
这是html文件<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Welcome</title></head><...
这是html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Welcome</title>
</head>
<div id="welcomeBody">
<body>
<h2>Welcome to the Education Administration System!</h2>
<form>
<h4>Username:</h4>
<input type="text" name="Username">
<h4>Password:</h4>
<input type="password" name="Password">
<br><br>
<button type="button" onclick="register()" >register</button>
<button type="button" id="loginButton">login</button>
<br>
<p>{{message}}</p>
</form>
</body>
</div>
<script src="scripts/vue.js"> </script>
<script scr="scripts/welcome.js"></script>
</html>
vue.js可以正常引入，但是welcome.js无法引入
这个是welcome.js里面的代码
var vm = new Vue({
el: '#welcomeBody',
data:
{
message: 'vue'
},
methods:{
}
})
将welcome.js代码直接放入html文件中可以执行 展开
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Welcome</title>
</head>
<div id="welcomeBody">
<body>
<h2>Welcome to the Education Administration System!</h2>
<form>
<h4>Username:</h4>
<input type="text" name="Username">
<h4>Password:</h4>
<input type="password" name="Password">
<br><br>
<button type="button" onclick="register()" >register</button>
<button type="button" id="loginButton">login</button>
<br>
<p>{{message}}</p>
</form>
</body>
</div>
<script src="scripts/vue.js"> </script>
<script scr="scripts/welcome.js"></script>
</html>
vue.js可以正常引入，但是welcome.js无法引入
这个是welcome.js里面的代码
var vm = new Vue({
el: '#welcomeBody',
data:
{
message: 'vue'
},
methods:{
}
})
将welcome.js代码直接放入html文件中可以执行 展开
1个回答
展开全部
script标签是异步加载的，所以会出现welcome.js在vue.js之前就加载好的情况，
所以你得在welcome.js里面写个
window.onload=function(){
//这里写你的代码
var vm = new Vue({
el: '#welcomeBody',
data:
{
message: 'vue'
},
methods:{}
});
};
追问
我把你写的代码复制进去了还是没有成功啊o(╥﹏╥)o
追答
有没有引入成功你在里面插一条alert就知道了
window.onload=function(){
alert("123");
}
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
