gpt4 book ai didi

php - 我有一个 .php 文件,但我的外部 css 或 javascript 都不起作用

转载 作者:太空宇宙 更新时间:2023-11-03 20:48:07 25 4
gpt4 key购买 nike

我对 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 中预览它时,它失败了。我不知道这意味着什么,但如果有人有任何理论,他们将不胜感激。谢谢。

最佳答案

我认为你的<link rel="stylesheet" .../>标签必须在 <head>

This element defines a link. Unlike A, it may only appear in the HEAD section of a document, although it may appear any number of times. Although LINK has no content, it conveys relationship information that may be rendered by user agents in a variety of ways (e.g., a tool-bar with a drop-down menu of links).

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>

编辑

嗯,我试过你的页面。将样式表文件命名为 Phptest.css它在哪里 PhpTest.css.php文件。我得到了 404 file not found由于 t 的不同情况而出错.确保您命名的文件与您在 <link/> 中键入的名称完全相同标签。

此外,如果您使用的是 Chrome。按F12并检查是否有任何错误。

关于php - 我有一个 .php 文件,但我的外部 css 或 javascript 都不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18668052/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com