个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
在我的 mamp 服务器上运行的 index.php 没有加载我项目中的任何 javascript 文件。我还应该补充一点，我正在学习这个。我对 html 有很好的经验，但我不熟悉将 html 与 php 相结合。
我必须使用 php 将 html 表单链接到电子邮件。为此，我必须将 index.html 更改为 index.php，这需要我运行 mamp 才能查看网页。
现在我的网页已在我的本地主机服务器上运行，该页面未在我的项目中运行我的任何 javascript 文件。
文件结构组成如下:项目/ CSS/样式.css 字体/ 图像/图像文件 js/script.js 和其他 .js 文件 索引.php
这是我在 js/script.js 中的表单部分
$(document).ready(function(){
$("#flip-down").click(function(){
$("#flip-down-panel").slideToggle("slow");
});
});#flip-down-panel, #flip-down {
padding: 5px;
text-align: center;
background-color: #e5eecc;
border: solid 1px #c3c3c3;
}
#flip-down-panel {
padding: 50px;
display: none; /* <<<<< remove this line to view what's suppose to display
}<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>contactform</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="script.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<section id="contact">
<div class="container">
<h2 id="flip-down">
<font color="black">CONTACT ME</font>
</h2>
<div id="flip-down-panel">
<form action="contactform.php" method="POST">
<h3>Tell Me Something</h3>
<div class="row">
<label>Name:</label>
<?php
if (isset($_GET['name'])) {
$name = $_GET['name'];
echo '<input name="name" type="username" placeholder="First Name" value="'.$name.'">';
} else {
echo '<input name="name"type="username" placeholder="First Name">';
}
?>
</div>
<div class="row">
<label>Email</label>
<?php
if (isset($_GET['email'])) {
$email = $_GET['email'];
echo '<input name="email" type="email" placeholder="Email address" value="'.$email.'">';
} else {
echo '<input name="email" type="email" placeholder="Email address">';
}
?>
</div>
<div class="row">
<label>Message</label>
<?php
if (isset($_GET['message'])) {
$message = $_GET['message'];
echo '<textarea type="text" placeholder="Write message" value="'.$message.'"></textarea>';
} else {
echo '<textarea type="text" placeholder="Write message"></textarea>';
}
?>
</div>
<div class="row">
<input type="submit" class="btn btn-sub" value="Send Message">
</div>
</form>
<?php
if (!isset($_GET['contactUs'])) {
exit();
} else {
$contactUsCheck = $_GET['contactUs'];
if ($contactUsCheck == "empty") {
echo '<p class="error">You MUST fill out all fields!</p>';
exit();
} elseif ($contactUsCheck == "char") {
echo '<p class="error">You used invalid characters for Name!</p>';
exit();
} elseif ($contactUsCheck == "invalidemail") {
echo '<p class="error">You entered an invalid email!</p>';
exit();
} elseif ($contactUsCheck == "mailsent") {
echo '<p class="success">Your message has been sent!</p>';
exit();
}
}
?>
</div>
</div>
</section>
<!--FOOTER-->
<section>
<div id="flip-down">
<div>Copy Right stuffs</div>
</div>
</section>
</body>
</html>最佳答案
我自己在 PHP 方面经验不足，但如果我没记错的话，include 只是将文件的内容放到它被调用的位置。不要在 PHP 中包含 JS 文件，而是尝试像这样创建一个 HTML 标记:
<script src="/js/script.js" type="text/javascript"></script>
编辑:关于您更新的代码，我注意到在您的 CSS 和 HTML 中您有 2 个 ID，flip-down 和 flip-down- panel，但是在你的 JS 中，你只有 flip 和 panel。将 JavaScript 中的选择器分别更改为 flip-down 和 flip-down-panel 后，您发布的示例工作正常。
顺便说一下，ID 只意味着在所有 DOM 元素中都是唯一的，所以如果你有一个需要多次使用的 ID，比如 flip-down，我建议将其更改为一个类，这样当您尝试引用具有该 ID 的所有内容时，它不会导致 JavaScript 出现问题。
最后一件事，将引用 JQuery 的脚本标记放在使用它的标记之前，因为它必须在使用前加载。
关于javascript - 我在 mamp 服务器上运行的 index.php 没有为我的页面加载任何 javascript 文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57734283/
25
4
0
谁能解释一下 Server.MapPath(".")、Server.MapPath("~")、Server.MapPath(@"之间的区别\") 和 Server.MapPath("/")？ 最佳答案
我不知道，为什么我们要使用 Server.UrlEncode() & Server.UrlDecode()？!在 QueryString 中我们看到 URL 中的任何内容，那么为什么我们要对它们进行编
我已经通过 WHM 在我的一个域上安装了 ssl 证书。网站正在使用 https://xyz.com . 但是它不适用于 https://www.xyz.com .我已经检查了证书，它也适用于 www
我已经使用 WMI 检测操作系统上是否存在防病毒软件，itz 正常工作并通过使用命名空间向我显示防病毒信息，例如 win xp 和 window7 上的名称和实例 ID:\root\SecurityC
我们有 hive 0.10 版本，我们想知道是否应该使用 Hive Server 1 或 Hive Server2。另一个问题是连接到在端口 10000 上运行的 Hive 服务器，使用 3rd 方工
我想在 C++ 中使用 Windows Server API 设置一个 HTTPS 服务器，我使用了示例代码，它在 HTTP 上工作正常，但我就是不能让它在 HTTPS 上工作。 (我不想要客户端 S
我写了一个非常基本的类来发送电子邮件。我用 smtp 服务器对其进行了测试，它工作正常，但是当我尝试使用我公司的交换服务器时，它给出了这个异常: SMTP 服务器需要安全连接或客户端未通过身份验证。服
我的应用程序包含一个“网关”DataSnap REST 服务器，它是所有客户端的第一个访问点。根据客户端在请求中传递的用户名(基本身份验证)，请求需要重定向到另一个 DataSnap 服务器。我的问题
我有一个 Tomcat 服务器和一个 Glassfish4 服务器。我的 Servlet 在 Tomcat 服务器上启动得很好，但在 Glassfish4 服务器上给我一个“HTTP Status 4
我在 vmware 上创建了一个 ubuntu 服务器。我用它作为文件服务器。如果我通过托管虚拟机的计算机进行连接，则可以访问它。我无法从同一网络上的其他计算机执行此操作。提前致谢! 最佳答案 首先确
如何重启 Rails 服务器？我从 开始 rails server -d 所以服务器是分离的 我知道的唯一方法就是去做ps 辅助 | grep rails 并 kill -9关于过程#但是像这样杀死进
我实际上正在尝试找到编写一个简单的 XMPP 服务器的最佳方法，或者找到一个占用空间非常小的服务器。我只关心XMPP的核心功能(状态、消息传递、群组消息传递)。目前还在学习 XMPP 协议(proto
我实际上正在尝试找到编写简单 XMPP 服务器的最佳方法，或者找到一个占用空间非常小的方法。我只关心 XMPP 的核心功能(统计、消息、组消息)。目前也在学习 XMPP 协议(protocol)，所以
我们正在尝试从 Java JAX-RS 适配器访问 SOAP 1.1 Web 服务。 我们正在使用从 WSDL 生成的 SOAP 客户端。 但是当解码 SOAP 故障时，我们得到以下异常: ... C
目前，我和许多其他人正在多个平台(Windows、OS X 和可能的 Linux)上使用 Python HTTP 服务器。我们正在使用 Python HTTP 服务器来测试 JavaScript 游戏
我有一个连续运行的服务器程序(C#/.NET 2.0 on Linux with mono)，我想从 PHP 脚本连接到它以在网站上显示状态信息。 目的是创建一个(某种)实时浏览器游戏(无 Flash
所以我有一个单页客户端应用程序。 正常流程: 应用程序 -> OAuth2 服务器 -> 应用程序 我们有自己的 OAuth2 服务器，因此人们可以登录应用程序并获取与用户实体关联的 access_t
我们刚刚将测试 Web 服务器从 Server 2008 升级到 Server 2012 R2。我们有一个部署我们网站的批处理脚本。当它将站点推送到服务器时，它现在失败了。奇怪的是，我可以使用相同的发
建议一些加载SpagoBI服务器的方法，我尝试了所有方法来解析spagobi服务器。在 Catalina 中，错误是 - * SEVERE: Unable to process Jar entry [
当我们点击应用程序服务器(apache tomcat)时，它会创建一个线程来处理我们的请求并与 tomcat 连接，建立连接，tomcat 创建另一个线程来处理请求并将其传递给连接，连接线程将其传递给
我是一名优秀的程序员,十分优秀！