gpt4 book ai didi

php - CSS 如何防止 html 文件的主体和包含的文件合并?

转载 作者:太空宇宙 更新时间:2023-11-04 02:09:22 26 4
gpt4 key购买 nike

从我的试验和错误中可以看出,当我(使用 php)包含另一个 php 文件时,主体基本上合并了。

我有一个 CSS 文件,它使用类“main”影响主要文件主体。 CSS 文件还影响包含类“nav”的文件主体。

似乎每个文件的主体都受到针对每个类的两种样式的影响(即使每个主体标签上的类不同)。

我错了吗?如果没有,有没有办法解决这个问题?谢谢!

包括导航文件(其中包括css文件(我只显示与主体相关的代码):

<body class="nav">
<ul class="navbar">
<li>
<form action="login.php" method="post">
<input id="email" type="text" name="email" placeholder="Email">
<input id="password" type="password" name="password" placeholder="Password">
<input type="submit" value="Login">
</form>
</li>

包含导航文件的主索引文件:

<body class='index'>

<div class="block-signUp">
<h1>Sign Up</h1>

<form action="" method="post">
<input class="firstname" type="text" name="firstname" placeholder="First Name"
value="<?php echo($_POST['firstname']) ?>">
<input class="lastname" type="text" name="lastname" placeholder="Last Name"
value="<?php echo($_POST['lastname']) ?>"> <br>
<input class="email" type="text" name="email" placeholder="Email"
value="<?php echo($_POST['email']) ?>"><br>
<input class="password" type="password" name="password" placeholder="Password"
value="<?php echo($_POST['password']) ?>"><br>

<div class="error-message hidden"></div>
<input type="submit" value="Sign Up"><br>

</form>
<div><a href="login.php">Already Have An Account?</a></div>
</div>

</body>

整个网站唯一的CSS文件,nav文件包含:

body.nav { /* This code effects the body in the index file as well for some reason */
margin-top: 150px; /* Make nav bar at top of screen */
}

最佳答案

不正确。首先,includerequire 是将一个脚本从一个文件注入(inject)到 __FILE__(主文件,在 .htaccess/URL 中打开的文件)中示例:

文件1.php

<?php
$first_script_var = true;
include 'file2.php';
?>

文件2.php

<?php
if(isset($first_script_var) && $first_script_var === true){
echo 'True';
}
?>

现在 file1.php 看起来像这样:

<?php
$first_script_var = true;
include 'file2.php';
?>
<?php
if(isset($first_script_var) && $first_script_var === true){
echo 'True';
}
?>
But if you would be using AJAX requests to the HTML DOM Element you would be requesting a file to the `html` tag it would load in the body tags.

例子:
<文件1.php

<html>
<head>
<title>Hello world</title>
<script src="jquery.js"></script>
</head>
<body>
<script>
$(document).ready(function(){
$.ajaxSetup({cache:false});
});
function load(){
$("html").load("file2.php?string=" + document.getElementById("str").value); // $("html") is a selected, it basicly means we have selected the html tag. and the .load(); is a function from JQuery.
}
</script>
<div>
<input type="text" id="str" placeholder="Echo 'text'" />
<br />
<input type="button" onclick="load();" />
</div>
</body>
</html>

文件2.php

<head>
<title>New title</title>
</head>
<body>
<?php
if(isset($_GET['string'])){ echo $_GET['string']; }
?>
</body>

这将导致用新的 head 和新的 body 标签替换旧的 header 和 body 标签,记住!旧的 javascript 函数仍将被记住。

关于php - CSS 如何防止 html 文件的主体和包含的文件合并?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40077939/

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