我有一個.php文件，並且我的外部CSS或javascript都無法正常工作

Question

我對PHP很陌生。

我建立了一個.php網站，並已使用MAMP連接到本地測試服務器。 出於某種原因，盡管我可以在瀏覽器（Chrome）中查看網站，並且PHP可以正常工作（我建立了發送電子郵件的表單），但我鏈接的外部樣式表中的CSS都沒有，也沒有外部javascript中的javascript我鏈接的文件正在工作。

如果我內聯鍵入任何CSS或腳本，則一切正常。 我在.html文件中使用過外部文件很多次，並且都工作得很好。 我在這里做錯了什么？

我的.php文件：

<?php

$to = 'email@email.com';
$subject = 'subject';
$message = $_POST['message'];

$message = <<<EMAIL

$message

EMAIL;

$header = '$email';

if($_POST){

    mail($to, $subject, $message);

}

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Php Test</title>
</head>
<link rel="stylesheet" type="text/css" href="PhpTest.css"/>


<body onload="alertFunction()">

<h1 id="header">Text text text.</h1>

<form action="?" method="post">

<ul>
    <li>
<label for="message">Message:</label>
<textarea id="message" name="message" cols="42" rows="9"></textarea>
</li>
<li>
<input type="submit"  value="Submit"</li>
</li>
</ul>

</form>

<footer>
<script type="text/javascript" src="PhpTest.js"></script>
</footer>
</body>
</html>

我的CSS：

#header{
    color:#3C9;
}

我的JavaScript：

function alertFunction()
{
alert("Alert.");
}

更新：我從頭開始在Dreamweaver中啟動了一個新的.php。 我沒有添加實際的PHP代碼。 我只是將標題放置在正文中，並鏈接到head標簽內的外部CSS（在CSS中，我只是將標題的顏色指定為藍色），然后嘗試了一下。 事實證明，當我使用設計/拆分屏幕查看站點時，Dreamweaver會識別該鏈接並對其應用CSS，但是當我嘗試在Chrome中預覽它時，它將失敗。 我不知道這意味着什么，但是如果有人有任何理論，將不勝感激。 謝謝。

Answer 1

我認為您的<link rel="stylesheet" .../>標記必須位於<head>

該元素定義一個鏈接。 與A不同，它可能只出現在文檔的HEAD部分中，盡管它可以出現很多次。 盡管LINK沒有內容，但它傳達的信息可能由用戶代理以多種方式呈現（例如，帶有鏈接下拉菜單的工具欄）。

http://www.w3.org/TR/html401/struct/links.html#edef-LINK

所以：

<head>
    <!-- Moved <link/> inside <head></head> -->
    <link rel="stylesheet" type="text/css" href="PhpTest.css"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Php Test</title>
</head>

編輯

好吧，我已經嘗試過您的頁面了。 被命名為stylsheet文件Phptest.css它是PhpTest.css在.php文件。 由於t的不同情況，我得到404 file not found錯誤。 確保您命名文件的方式與在<link/>標記中鍵入的名稱完全相同。

另外，如果您使用的是Chrome。 按F12 ，檢查是否有任何錯誤。

Answer 2

它對我來說很好，但是我知道在服務器之間移動頁面時區分大小寫可能是一個問題...我會嘗試重命名文件（以及html頁面中的鏈接）以實現所有小寫字母。。

Answer 3

嘗試將完整URL放在CSS和javascript的位置，例如：

href="http://www.domain.com/css_file.css"

Answer 4

有用。

但是，請確保您的css和js文件位於同一文件夾下。

還請確保文件名完全相同。 由於它區分大小寫。 第一次輸入錯誤時，我也犯了一個錯誤。 在我匹配外殼后，它開始工作了。

Answer 5

我想這是您的文件命名。 檢查鏈接和文件的名稱是否正確，大小寫均正確。

為了避免這種情況，我自己為所有文件都使用小寫字母命名。

我有一個.php文件，並且我的外部CSS或javascript都無法正常工作

問題描述

5 個解決方案

解決方案1
4 2013-09-06 23:34:54

解決方案2
1 2013-09-06 23:39:30

解決方案3
0 2013-09-06 23:33:46

解決方案4
0 2013-09-06 23:40:10

解決方案5
0 2013-09-06 23:44:09

我有一個.php文件，並且我的外部CSS或javascript都無法正常工作

問題描述

5 個解決方案

解決方案1 4 2013-09-06 23:34:54

解決方案2 1 2013-09-06 23:39:30

解決方案3 0 2013-09-06 23:33:46

解決方案4 0 2013-09-06 23:40:10

解決方案5 0 2013-09-06 23:44:09

解決方案1
4 2013-09-06 23:34:54

解決方案2
1 2013-09-06 23:39:30

解決方案3
0 2013-09-06 23:33:46

解決方案4
0 2013-09-06 23:40:10

解決方案5
0 2013-09-06 23:44:09