如何#include在javascript中？

在JavaScript中，您可以使用<script>标签将一个JavaScript文件或代码嵌入到HTML文件中。以下是一个简单的示例：

首先，创建一个HTML文件，例如index.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>JavaScript Example</title>
</head>
<body>
    <h1>Hello, World!</h1>
   <script src="script.js"></script>
</body>
</html>

在这个示例中，我们在<head>标签内引入了一个外部JavaScript文件script.js。

接下来，创建一个JavaScript文件，例如script.js，并编写一些JavaScript代码：

document.addEventListener('DOMContentLoaded', function() {
    const h1 = document.querySelector('h1');
    h1.style.color = 'blue';
});

在这个示例中，我们在文档加载完成后，将<h1>标签的文本颜色更改为蓝色。

现在，当您在浏览器中打开index.html文件时，您将看到一个蓝色的Hello, World!文本。

这就是如何在JavaScript中使用<script>标签将一个外部文件或代码嵌入到HTML文件中。

在Chrome警告中，只有执行弹出窗口后才会显示HTML

javascript、alert

我刚开始学习JavaScript，我有一个警觉的问题。在Chrome中，警告只有在弹出窗口执行后才会显示HTML。 index.html <!DOCTYPE html> <html> <head> <title>JavaScript</title> </head> <body> <h1>JavaScript in HTML</h1> <script type="text/javascript" src="script.js"&

浏览 0提问于2018-08-01得票数 3

1回答

元素仅在输入进入提示符后才显示。

javascript、html、dom

我正在编写非常简单的JavaScript代码，通过在提示符中输入一个新标题来替换h1标题。我不明白为什么最初的标题不显示第一次加载页面的时间。只有在我在提示符中输入一个新的标题后，标题才会显示。我已经把脚本标签放在身体的末尾了。我做错什么了？我得到了原来的标题"Hello“登录在控制台上。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Playing with the DOM</title> </

浏览 1提问于2017-09-29得票数 1

回答已采纳

3回答

React Native -未在设备上加载Webview文件

ios、reactjs、react-native

我正在尝试建立一个在iOS设备上生产的react原生应用程序。在这个项目中，我正在加载一个本地的html页面。目前我使用的是组件。 <WebView source={{require('./webapp/index.html')}}/> 下面是webapp/index.html。 <!DOCTYPE html> <html> <head> <title>Foo</title> </head> <body> <h1>Hello World</h1&g

浏览 13提问于2016-09-26得票数 2

2回答

未执行document.onload函数

javascript、html、dom

我有一个index.html文件，其中包含一个javascript文件。Javascript文件有一个永远不会执行的document.onload函数。谁能告诉我为什么在加载DOM的时候不执行这个？ console.log("javascript file started loading"); document.onload = function () { console.log("document loaded"); alert("DOM is ready"); } <!DOCTYPE html> <html>

浏览 1提问于2018-02-04得票数 0

1回答

Pug (Jade)基HTML页面:无法找到元素：#app

vue.js、vibed

我使用vibed服务器。它使用Pug预处理器(以前称为Jade)。这是我的页面代码： doctype html html head script(src="https://unpkg.com/vue") script(src="app.js") title Hello, World body h1 Hello World #app |{{message}} 它生成下一个HTML输出： <!DOCTYPE html> <html

浏览 4提问于2017-07-24得票数 0

回答已采纳

3回答

ReactJS简单应用程序不会呈现

reactjs

我试过这个简单的ReactJS应用程序，它不会呈现任何东西。我用原子作为我的文本编辑器。 index.html <!DOCTYPE html> <html lang="en"> <head> <script src="https://fb/.me/react-15.1.0.js"></script> <script src="https://fb/.me/react-dom-15.1.0.js"></script> <script crossor

浏览 0提问于2018-02-11得票数 1

回答已采纳

3回答

未捕获的TypeError:无法设置nulll的属性“”innerHTML“”

javascript、counter

我收到上面提到的错误，不能使用innerHTML，请帮助处理js文件中的this.Getting错误。这只是一个基本的计数器，我试图使. index.html <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <s

浏览 24提问于2021-01-15得票数 0

1回答

为什么elem.innerHTML不在这里工作？

javascript、html

这是我的script.js document.addEventListener("DOMContentLoaded", function() { // this function runs when the DOM is ready, i.e. when the document has been parsed var elem = document.getElementById("output"); elem.innerHTML = 123; }); <h1>Hello!</h1> <div id="out

浏览 3提问于2017-09-03得票数 0

回答已采纳

1回答

QuerySelector返回null。如何使querySelector返回<h1>Hello</h1>？

javascript、html

在这个页面和我观看的视频中，一切都正常工作，并返回了<h1> Hello </h1>。然而，Chrome仍然返回null。我将非常感谢你的帮助。我已经绝望了。 let myH1 = document.querySelector("h1"); console.log(myH1) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content=

浏览 0提问于2021-04-09得票数 0

2回答

即使我将我的脚本标记放在body标记的末尾，但只有在弹出窗口被单击of之后，页面才会加载。

javascript

即使我将我的脚本标记放在body标记的末尾，页面只有在弹出窗口被单击of之后才会加载。我做什么好？ <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>this is for beginners ja

浏览 1提问于2018-05-09得票数 0

回答已采纳

1回答

需要帮助让hello world应用程序开始工作

javascript、html

我正在努力弄清楚如何让javascript在一个单独的文件中使用html，这样我就可以遵循本教程，并且我在弹出我的警告时遇到了困难。这是我的密码。到目前为止，我只能得到一个按钮，不能做任何事情。 var hellobutton = document.getElementById("hello"); hellobutton.onclick = function() { alert("Hello World") } <!DOCTYPE html> <html lang="en"> <head> &l

浏览 1提问于2019-05-26得票数 1

回答已采纳

3回答

当元素没有类或ID时，如何使用JS更改元素的样式？

javascript、html、css

我有一个html文件(从docx转换而来)，它没有任何类名或I。如何使用JS对其进行样式设计？例如，如果我需要更改以下文件HTML标题的颜色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport"

浏览 10提问于2022-04-22得票数 1

回答已采纳

1回答

获取HTML和JavaScript代码的结果

javascript、php、html

我想得到显示的JavaScript和超文本标记语言代码的结果。例如，当我们编写document.write("Hello")时，return "Hello"。看看这段代码： $html_code = <<<EOL <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello World</title>

浏览 3提问于2016-01-22得票数 1

2回答

jQuery不能在外部javascript文件中工作

javascript、jquery、html

所以我是JavaScript的初学者。我有一个简单的HTML文件，我试着用$("h1").hide()测试$("h1").hide()，我的问题是jQuery代码在HTML中工作，但是当我尝试将这些代码放入外部JavaScript文件testjs.js并通过script标记插入到head中时，它就不再工作了。为了明确起见，外部JavaScript文件是可以识别的，例如，当我将document.write("third test")放在外部JS文件中时，它将显示“第三个测试”。希望我已经说清楚了 <!doctype html> <

浏览 1提问于2018-04-11得票数 0

回答已采纳

5回答

如何让onClick()从我的javascript文件中读取？

javascript、html

我有两个文件index.html和index.js。当我填写表单中的文本字段并单击按钮时，它应该重定向到index.js。我怎样才能做到这一点？ index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl

浏览 9提问于2020-10-30得票数 0

回答已采纳

2回答

无法使用WebView通用Windows运行简单脚本

windows-phone、win-universal-app

我将简单的html文件(保存在项目中)加载到WebView上。它加载成功并显示"Hello“标题。文件index.html <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>ABC</title> <script> function SayHello() { re

浏览 1提问于2016-03-15得票数 0

回答已采纳

7回答

单独文件中的HTML和JavaScript -菜鸟警报

javascript、html、node.js

正常。我觉得自己很傻！，我一直在尝试做一些非常简单的事情，但却发现很难去做或找到。我想做的就是：显示index.html文件。我想要一个单独的JavaScript文件，其中包含我所有的JavaScript代码。完全分离，所以我的HTML文件中没有任何JavaScript代码。我不想要点击事件或任何花哨的东西。我只想让页面显示“你好世界”！onLoad通过从JavaScript函数获得它。 BTW:似乎所有的教程要么将JavaScript代码与HTML放在一起，要么他们想向您展示如何做一些奇特的事情。我已经到处找过了，但都没有用。下面列出了我得到的最接近的。投降了!如

浏览 2提问于2016-02-19得票数 0

回答已采纳

1回答

当一个"text/babel“类型的脚本被放到HTML页面上时，它是如何被转换的？

javascript、html、reactjs、babeljs

我得到了一个HTML页面： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello World</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></script> <script src="https://unpkg.com/react-

浏览 40提问于2018-07-07得票数 4

回答已采纳

5回答

为什么一个简单的<script src=“.> </script>不能工作？

javascript、html、alert、src

我正在做一个项目，我不明白为什么调用外部脚本不起作用。然后我做了一个非常简单的页面html，其中包括一个脚本警告，如下所示.你能告诉我有什么问题吗？我相信问题不在于代码，但它还能是什么？我的浏览器是最新的Chrome，我的操作系统是Ubuntu。我的index.html文件是： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&g

浏览 4提问于2017-11-21得票数 4

回答已采纳

1回答