Javascript嵌入在html中未加載

本網站我試圖安裝似乎並未加載js。我已經安裝了json和php-pear，並重新啓動了apache和whatnot。當我進入頁面時，我所看到的只是背景和橫幅。Javascript嵌入在html中未加載

<html> 
<head> 
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" /> 
<script type="text/javascript" src="../adapter/ext/ext-base.js"></script> 
<script type="text/javascript" src="../ext-all.js"></script> 
<style type="text/css"> 
body 
{ 
font-family: Arial, Verdana, sans-serif; 
background-image: url(graphics/background_gradient.png); 
background-repeat: repeat-x; 
background-color: #374d5b; 
margin: 0; 
padding: 0 0 20px 0; 
font-size: 13px; 
color: #333; 
text-align: center; 
} 
.root 
{ 
width: 410px; 
margin: 0 auto; 
text-align: left; 
background-color: #e6e6e6; 
position: relative; 
} 

#header 
{ 
background: #0e1d2f url(graphics/banner.png) no-repeat left; 
height: 90px; 
} 
</style> 
</head> 
<body> 
    <div class="root"> 
     <div id="header"></div> 
    </div> 
    <script type="text/javascript" src="login.js"></script> 
</body> 
</html>

我運行CentOS的5

Ext.onReady(function(){ 
Ext.QuickTips.init(); 
var login = new Ext.FormPanel({ 
    labelWidth:80, 
    url:'login.php', 
    frame:true, 
    title:'Please Login', 
    defaultType:'textfield', 
monitorValid:true, 
    items:[{ 
      fieldLabel:'Username', 
      name:'loginUsername', 
      allowBlank:false 
     },{ 
      fieldLabel:'Password', 
      name:'loginPassword', 
      inputType:'password', 
      allowBlank:false 
     }], 

    buttons:[{ 
      text:'Login', 
      formBind: true, 
      handler:function(){ 
       login.getForm().submit({ 
        method:'POST', 
        waitTitle:'Connecting', 
        waitMsg:'Sending data...', 
        success:function(){ 
         Ext.Msg.alert('Status', 'Login Successful!', function(btn, text){ 
          if (btn == 'ok'){ 
           var redirect = './panel.php'; 
           window.location = redirect; 
          } 
         }); 
        }, 
        failure:function(form, action){ 
         if(action.failureType == 'server'){ 
          obj = Ext.util.JSON.decode(action.response.responseText); 
          Ext.Msg.alert('Login Failed!', obj.errors.reason); 
         }else{ 
          Ext.Msg.alert('Warning!', 'Authentication server is unreachable : ' + action.response.responseText); 
         } 
         login.getForm().reset(); 
        } 
       }); 
      } 
     }] 
}); 

var win = new Ext.Window({ 
    layout:'fit', 
    width:300, 
    height:150, 
    closable: false, 
    resizable: false, 
    plain: true, 
    border: false, 
    items: [login] 
}); 
win.show(); 
});

來源

2012-05-23 Epicblood

你不應該有一個url（）圍繞login.js在你的最後腳本標記的src屬性中，什麼是螢火蟲給你？ – yent

刪除url（）仍然沒有骰子，什麼是螢火蟲？對不起，我很新的 – Epicblood

firebug是一個Firefox的調試工具（插件，請參閱https://addons.mozilla.org/fr/firefox/addon/firebug/），它可以讓你看到你的頁面是如何構建的，應用css以及所有已執行的請求，使用它您將能夠看到您的腳本是否已加載，如果有，您將有一個調試控制檯顯示腳本錯誤。 – yent

結果我發現我沒有上傳正確的文件（EXT-base.js）載的和一些更依賴它完美地工作。感謝所有的幫助，雖然你們的xD

來源

2012-05-27 21:17:55 Epicblood

的url()語法特定於CSS。爲了在HTML中加載JS，它與<img>標籤相同。

<script type="text/javascript" src="login.js"></script>

這將假定login.js位於與您的頁面相同的目錄中。

來源

2012-05-23 15:31:28

爲什麼您將url(...)添加到源屬性？只需指向你的js文件。

<script type="text/javascript" src="login.js"></script>

來源

2012-05-23 15:31:51 Sirko

改變它，仍然不起作用 – Epicblood

@JorisBolsens你確定文件'login.js'與html文件位於同一目錄嗎？ – Sirko

是的，它在那裏 – Epicblood

Javascript嵌入在html中未加載

回答

相關問題