Question

我有2个html页面。第一个是main.html，这是我的主页。在第二个中，我使用自己的textarea样式和css函数创建了javascript。我想把这个textarea包含在main.html中。我单独创建它因为它的样式和JS代码已经太大而且我不想在main.html中创建拥塞。

main.html                                                text.html
<html>                                                   <style>
<head>                                                     //CSS codes
  <style>                                                </style>
    //some css in there
    //want to add text.html's css codes in there                                  
  </style>                                               <div>
</head>                                                    <textarea>
<body>                                                     </textarea>
  <div>some content in here</div>                           </div>
  <div>some content in here</div>                           
  <div>some content in here</div>                           <script>
                                                           //JS codes                      
                                                         </script>
  <script> 
    //some javascript goes there
    //want to add text.html's js codes there
  </script>
</body>
</html>

我知道我可以在<?php include 'text.html'; ?>内使用php的包含main.html等功能，或者我可以使用<iframe>。但是对于这两种解决方案，<style>和<script>标签会出现在main.html的中间，这是一个丑陋且不受欢迎的场景。那就是我在这里遇到的主要问题。我想将text.html的{{1}}标记内的main.html CSS代码以及<style>的js代码放入text.html的{{1} }} 标签。有没有什么可以做这种神奇的触摸？

Answer 1

不使用<style>和<script>，然后将CSS / JS放在它们之间。

相反，为text.css创建新文件：text.js和text.html，main.css创建main.js和index.html（您可以选择命名这些文件，只要它们以JavaScript的js或CSS的css结尾。

然后，您应该将所有JavaScript文件放入名为js的文件夹中，并将所有CSS文件放入名为css的文件夹中。同样，名字并不重要。

您的文件结构现在应该看起来像这样：

|index.php
|includes
    |text.html
|css
    |main.css
    |text.css
|js
    |main.js
    |text.js

现在，当您需要样式时，请使用

<link rel="stylesheet" href="css/main.css">

（当然还是css/text.css），否则您将拥有<style>标签。

对于JavaScript，请使用

<script src="js/main.js"></script>

（或js/text.js包括那个），否则您将拥有<script>个标签。

您的text.html文件现在不应包含任何脚本或样式内容，也不应包含指向文件的链接（index.php应包含所有链接。）

所以现在，只做

<?php
    include("includes/text.html");
?>

包含HTML内容。

合并2个html页面的css＆amp; javascript代码正常

1 个答案: