Fatal编程技术网
  • javascript/
  • Javascript 使用js创建'；页面部分'；为了一个网站

Javascript 使用js创建'；页面部分'；为了一个网站

javascript html css

Javascript 使用js创建'；页面部分'；为了一个网站,javascript,html,css,Javascript,Html,Css,所以，我正在学习JavaScript，并想利用我所学的内容创建一个个人网站进行测试。我喜欢使用主题，因为它保持了我的兴趣，我的网站是基于来自辐射宇宙（视频游戏）的终端计算机 简而言之：我想知道的是如何将js文件“调用”到html页面中。我希望能够在html页面中显示js代码。就js文件而言，我并不太担心我的js代码是否正确。我还在这方面训练。我只是很困惑如何显示我在javascript文档中编写的html代码，以便在我编写的每个html页面中显示。我希望这是有道理的，哈哈。 我喜欢组织，如果需要

所以，我正在学习JavaScript，并想利用我所学的内容创建一个个人网站进行测试。我喜欢使用主题，因为它保持了我的兴趣，我的网站是基于来自辐射宇宙（视频游戏）的终端计算机

简而言之：我想知道的是如何将js文件“调用”到html页面中。我希望能够在html页面中显示js代码。就js文件而言，我并不太担心我的js代码是否正确。我还在这方面训练。我只是很困惑如何显示我在javascript文档中编写的html代码，以便在我编写的每个html页面中显示。我希望这是有道理的，哈哈。 我喜欢组织，如果需要的话，我会去一个地方做些改变。在我看来，这可能与html+javascript有关

以下是我基本上希望它如何工作（至少在我的脑海中lol）：

文件

RobCo（文件根路径）：

index.html

aboutUs.html

styles.css

pageParts（Robco/pageParts）文件路径：

SiteHeading.js

SiteFooter.js

我想进入index.html并显示SiteHeading.js中的代码/信息

我目前正在学习js，特别是关于使用html标记以及其他内容，所以我不需要这些信息

我想知道的是如何将js文件“调用”到html页面中

我原以为这样做会奏效，但没有，
document.write（robcoSiteHeading.js）

出于测试目的，我将robcoSiteHeading移动到RobCo文件夹中，以便所有文件都位于同一文件夹中。只是为了确保代码正确，而不是文件路径问题。还是没有快乐

下面是我的一些代码示例：

index.html

<!DOCTYPE html>
<!-- RobCo Home Page when the site is loaded initially -->
<html>
<head>
<title>RobCo Terminal Home</title>
<link rel="stylesheet" href="styles.css">

</head>
<body>

  <!-- Terminal Header; used as the terminal's Header or first text. [InsertPageHeadingHere]-->
  <script>document.write(robcoSiteHeading.js)</script>



<!-- Main Text -->
  <p>STATUS: Unit(s) Active
  <br/>
  CONNECTED: 1 Unit(s) Connected to this terminal.
  <br/><br/>
  Please choose an option:
  <br/>

  <!-- Clickable Options -->
  <p>
  <a href="login.html">[Login]</a>
  <br/>
  <a href="DefenseProtocol.html">[Engage Defense Protocal]</a>
  <br/>
  <a href="SelfDestruct.html">[Initiate Self Destruct]</a>
  <br/>
  <a href="aboutUs.html">[About Us]</a>
  </p>

</body>


罗布科终点站之家酒店
document.write（robcostiteheading.js）
状态：装置处于活动状态


已连接：1个装置连接到此端子。



请选择一个选项：
robcoSiteHeading.js测试部分，如果可以的话，我可以在培训期间找出剩余的js代码。

// Terminal Header; used as the terminal's Header or first text on nearly every page.

let siteHeading;
let testing;

// //siteHeading = `
//   <p>
//   ==================================================
//   </p>
//   <p>Welcome to ROBCO Industries (TM) Termlink</p>
//   <p>USAF Terminal Controler v0.01 </p>
//   <p>
//   ==================================================
//   </p>
//   <p>
//   This interface should be used by RobCo-licensed technicians only. The client
//    must only be operated by official personal of USAF or by pre-approved clients.
//   <br/><br/>
//   </p>
// `;

testing = '
  <p> ================================================== </p>

  <p> USAF Terminal Controler v0.01 </p>
';

//终端头；几乎每页都用作终端的标题或第一个文本。
让我们继续前进；
让测试；
////站点标题=`
//
//   ==================================================
//

//欢迎来到ROBCO Industries（TM）Termlink

//USAF终端控制器v0.01

//
//   ==================================================
//

//
//此接口只能由RobCo授权的技术人员使用。客户
//只能由美国空军的官方人员或预先批准的客户操作。
//


//

// `;
测试
=================================================================================

美国空军终端控制器v0.01

';
您需要将javascript文件链接到html页面。write方法不知道什么是
robcosteheading.js

<script src="robcoSiteHeading.js"></script>
如果我是对的，我认为您希望将您在JavaScript文件中编写的HTML嵌入到HTML页面中

如果是这种情况，您可以执行以下操作：

包括你的js文件

创建一个容器，用于在HTML页面中获取JavaScript的内容

在JavaScript文件中：

const container=文档。查询选择器（“js内容”）；
container.innerHTML=正在测试//要嵌入的内容。

我希望这就是你想要的