html内嵌script改为外部调用JS的问题
做了一个登录一面html通过ajax用户名和密码到php，php验证并返回数据（json数组）。现在我想将<head>中的script改为调用外部，即js文件。但我直接新...
做了一个登录一面html通过ajax用户名和密码到php，php验证并返回数据（json数组）。
现在我想将<head>中的script改为调用外部，即js文件。
但我直接新建一个js,将script代码复制过去，是报错的。
麻烦教教我怎么改，不要只给一个思路，要具体代码，谢谢。
我的代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>支撑系统</title>
<link rel="stylesheet" type="text/css" href="css/loginstyle.css" />
<script type="text/javascript">
var xmlHttp
function loginbtn_click()
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("浏览器不支持HTTP请求。")
return
}
var une=document.getElementById("une").value;
var pwd=document.getElementById("pwd").value;
xmlHttp.open("POST", './login.php', true);
xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlHttp.onreadystatechange = function(){
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){
console.log(xmlHttp.responseText);
var data=JSON.parse(xmlHttp.responseText);
document.getElementById("logintishi").innerHTML=data.ltishi;
if (data.lzhuangtai=="y"){
window.location.href='wenyuan.html';
}
}
};
xmlHttp.send('username=' + une + '&password=' + pwd);
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
//Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
</script>
</head>
<body>
<div id="loginwindow">
<div id="logintop">中移铁通家宽支撑系统</div>
<div id="textbox">
<input type="text" name="username" id="une" class="textuser" maxlength="10" placeholder="用户名"/>
</br>
<input type="password" name="upassword" id="pwd" class="textpaw" maxlength="32" placeholder="密码"/>
</br>
<input class="loginbutton" type="button" name="loginbtn" onClick="loginbtn_click()" value="登录" />
</br>
</br>
<span id="logintishi"></span>
</div>
<div id="loginbottom"><a id="forgetpaw" href="wjmm">忘记密码？</a></div>
</div>
</body>
</html> 展开
现在我想将<head>中的script改为调用外部，即js文件。
但我直接新建一个js,将script代码复制过去，是报错的。
麻烦教教我怎么改，不要只给一个思路，要具体代码，谢谢。
我的代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>支撑系统</title>
<link rel="stylesheet" type="text/css" href="css/loginstyle.css" />
<script type="text/javascript">
var xmlHttp
function loginbtn_click()
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("浏览器不支持HTTP请求。")
return
}
var une=document.getElementById("une").value;
var pwd=document.getElementById("pwd").value;
xmlHttp.open("POST", './login.php', true);
xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlHttp.onreadystatechange = function(){
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){
console.log(xmlHttp.responseText);
var data=JSON.parse(xmlHttp.responseText);
document.getElementById("logintishi").innerHTML=data.ltishi;
if (data.lzhuangtai=="y"){
window.location.href='wenyuan.html';
}
}
};
xmlHttp.send('username=' + une + '&password=' + pwd);
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
//Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
</script>
</head>
<body>
<div id="loginwindow">
<div id="logintop">中移铁通家宽支撑系统</div>
<div id="textbox">
<input type="text" name="username" id="une" class="textuser" maxlength="10" placeholder="用户名"/>
</br>
<input type="password" name="upassword" id="pwd" class="textpaw" maxlength="32" placeholder="密码"/>
</br>
<input class="loginbutton" type="button" name="loginbtn" onClick="loginbtn_click()" value="登录" />
</br>
</br>
<span id="logintishi"></span>
</div>
<div id="loginbottom"><a id="forgetpaw" href="wjmm">忘记密码？</a></div>
</div>
</body>
</html> 展开
1个回答
展开全部
新建一个js,将script代码复制后,有没有在html的 <head></head>里面调用js文件啊
<script type="text/javascript"
src="路径/(文件名).js"></script>
就是这句话
<script type="text/javascript"
src="路径/(文件名).js"></script>
就是这句话
追问
报错，怎么改？
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
