如何在HTML script标签中导入JavaScript变量
在HTML的script标签中导入JavaScript变量有两种常用的方法：
- 内联脚本：可以直接在script标签中编写JavaScript代码，定义变量并使用。例如：
<script>
var myVariable = "Hello, World!";
console.log(myVariable);
</script>这种方法适用于简单的脚本，但不适合复杂的JavaScript代码和大型项目。
- 外部脚本：可以将JavaScript代码写在外部文件中，并通过script标签的src属性引入。例如：
<script src="script.js"></script>在外部脚本文件（例如script.js）中定义变量并使用。例如：
var myVariable = "Hello, World!";
console.log(myVariable);这种方法适用于复杂的JavaScript代码和大型项目，可以使代码更加模块化和可维护。
无论是内联脚本还是外部脚本，都可以在HTML中使用导入的JavaScript变量。例如，可以在HTML的其他地方使用导入的变量进行操作或显示。
相关·内容
2回答
Media.net广告提供了两个脚本来放置站点的头标签和正文标记。头上的标签-
<script type="text/javascript">
window._mNHandle = window._mNHandle || {};
window._mNHandle.queue = window._mNHandle.queue || [];
medianet_versionId = "XXXXXXX";
</script>
<script src="//contextual.media.net/dmedianet.js?cid=
浏览 3提问于2020-10-04得票数 2
回答已采纳
1回答
几天前，我决定在一个简单的vue.js、css3和javascript中实现html5。但是现在我不能像这样导入我的库：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>LiloTechnology</title>
<link href="/css/bootstrap.css" rel="stylesheet" type="text/css">
</hea
浏览 1提问于2017-05-22得票数 0
回答已采纳
我有一个问题，我想调用像下面这样的way.But文件，它只在中工作，它根本不能工作。
<link rel="import" href="controllerHTML/adminController.html">
adminController.html：
<script src="../controller/loginController.js" type="text/javascript"></script>
<script src="../controller
浏览 3提问于2015-11-13得票数 1
实际上，我有一个HTML网站，在head标签中，我已经调用了一个js文件。这个网站有两个页面，所以真正的问题是在第一个页面中，javascript中定义的路径工作得很好，但是在第二个文件中，它没有.
第一个文件位于文件夹根目录中，第二个文件位于名为HTML的子文件夹中，js文件位于主文件夹中的JS文件夹中。
这是JS的代码
function change() {
document.getElementById("myDIV").className += (' toast-header-scrolled');
document.getElementById
浏览 1提问于2021-06-27得票数 1
回答已采纳
1回答
我正在学习jQuery。我想在我的jSF2.0应用程序中使用jQuery。例如，我有一个html文件，其中我使用的jQuery如下所示
<head>
<title>The Devil's Dictionary</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="css/06.css" t
浏览 47提问于2011-12-29得票数 21
回答已采纳
1回答
在ES5中导入ES6库
、、、
我试图在一个ES5 ()项目上使用一个libary ()，但是没有成功。
在我的ES6代码中，我这样做：
import PolygonLookup from '../../lib/rtree';
...
this.rtree = new PolygonLookup(geojson);//does not work
但是，如果我移除导入，并将标签上的rtree添加到我的html中，它的工作原理是完美的。
<script type="text/javascript" src="..\..\lib\rtree.js"></sc
浏览 14提问于2017-03-14得票数 4
回答已采纳
1回答
在Django模板中包含静态文件有很多可用的文档。但是，我找不到任何关于如何在静态文件中使用Django模板语法的信息。
我有一个html文件，其中在标签之间包含了javascript，如下所示：
var nodes = JSON.parse('{{nodes|safe}}');
现在，我将所有的javascript移到我正在提供的静态.js文件中。它包含在HTML文件中，如下所示：
<script src="{% static 'citator/analysis.js' %}" type="text/javascript"
浏览 0提问于2019-02-02得票数 1
回答已采纳
在我的反应代码中，我试图将createClass转换为ES6类，我在这里挣扎着：
componentDidMount()
{
$(ReactDOM.findDOMNode(this)).draggable();
}
(过去是:转换前的$(this.getDOMNode()).draggable();，并且工作得很好)
我得到的错误是：
__WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.findDOMNode(...).draggable不是一个函数
我知道draggable()是jQuery UI中的一个函数，所以我尝试在我的
浏览 0提问于2018-04-29得票数 1
回答已采纳
如何导入JavaScript文件并使用Django加载另一个js。
这样的陈述是行不通的：
import { PolymerElement, html } from '{% static "@polymer/polymer/polymer-element.js" %}';
import '{% static "@polymer/app-layout/app-drawer/app-drawer.js" %}';
此外，这些也是：
import { PolymerElement, html } from '@polymer/p
浏览 2提问于2018-09-21得票数 9
回答已采纳
1回答
几年前，我受聘为符合W3C/AA标准的客户端应用程序开发web前端。我被告知，CSS、JS和其他非视觉/非表示内容应该始终保留在标签中。
示例
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="site.css" />
<script type="text/javascript" src="jquery.js"></script>
浏览 4提问于2014-11-11得票数 2
回答已采纳
这确实是个问题，但我正在使用构建类似于的东西，以便包含在Python应用程序中。我可以让它在木星笔记本中工作，在那里我可以将它保存到html文件中，或者将它导出为iframe或div代码块。但我无法让它们在烧瓶html页面中工作。烧瓶页面中的包含块如下所示：
<p>
{% if result != None %}
<div id="my-chart"></div>
<script type="text/javascript">
{{result|safe}}
</script>
{% endif %
浏览 3提问于2016-04-04得票数 1
回答已采纳
我是angular2开发的新手。我想在我的footer.component.html (角2)中添加以下js行。
但是代码不是在角2中运行的。有人能帮忙吗。
<script type="text/javascript" src="http://feedjit.com/serve/?vv=1515&tft=3&srefs=0"></script>
<noscript><a href="http://feedjit.com/">Live Traffic Stats<
浏览 3提问于2017-05-31得票数 0
回答已采纳
2回答
我尝试过在StackOverflow上发布的许多方法在Range6组件中使用jquery，但它们都没有工作。例如,
我运行jquery安装jquery 来安装jquery。
包括在angular.json中
“脚本”：[“节点_模块/jquery/dist/jquery.js”，“节点_模块/jquery.js/jQuery-ui.js”，
错误如下：
AppComponent_Host.ngfactory.js [sm]:1ERROR TypeError: jquery__WEBPACK_IMPORTED_MODULE_1__(...).slider is not a fun
浏览 0提问于2018-09-20得票数 8
回答已采纳
是否可以在不接触index.html的情况下在Ember中加载外部javascript资源？
如果我可以添加到html中，我只需添加以下内容就可以了。
<script type="text/javascript">var my_data = [{ foo: "bar", value: 1.234 }];</script>
<script type="text/javascript" async src="https://external.com/file.js"></scr
浏览 0提问于2019-03-12得票数 2
1回答
我能够在js文件上运行茉莉测试，但我似乎无法在测试框架内运行任何函数。
以下是JS文件jasmine_test.js
$(document).ready(function() {
function hello(){
console.log("yo")
}
hello()
});
这是form_detail_spec.js
describe("tthe things", function(){
it("testing the things", function(){
var arr
浏览 3提问于2015-03-05得票数 1
回答已采纳
1回答
我使用的是Webpack v4，我有一些jQuery插件，我现在用webpack-merge-and-include-globally的webpack插件加载到我们的应用程序中(然后用<script>标签手动加载到html文件中)，但是我希望能够把它移到我们的主应用程序代码中，这样webpack就可以知道它们了。存在一些依赖项/类被加载两次的问题，一次是在上面提到的合并插件中，另一次是在Webpack动态导入中。
到目前为止，尝试加载jQuery插件并将其正确地附加到jQuery对象的过程中遇到了一些问题。
有没有一种推荐的导入jQuery插件的方法，因为它不像普通的JavaScr
浏览 21提问于2020-07-30得票数 0
当我制作我的文本rpg时，我想知道我是否可以在标签中制作我的javascript，但是，以一种奇怪的顺序，像这样：
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
ex(); // Call the function here
</script>
<script>
function ex() {
alert('test'); // Make the function here
浏览 2提问于2015-05-31得票数 1
5回答
我正在尝试将添加到我的应用程序中。我从github下载了它，将"ace/lib/ace“目录放到我的应用程序的目录中，包括：
<script src="ace/lib/ace/ace.js" type="text/javascript" charset="utf-8"></script>"
在我的body标签中：
editor = ace.edit "editor"
在我的脚本标签中。我尝试在Chrome和Firefox中加载页面，但在ace.js:46中得到"define is n
浏览 8提问于2012-06-04得票数 17
回答已采纳
1回答
我有一个具有以下结构的目录，作为React项目的一部分。
index.htmlmain.jsmod.js
在HTML中，我使用脚本标记来获取React和Babel，因为我的JS文件包含JSX。我还使用一个脚本标记来包含我的main.js文件，如：<script type="text/babel" src="main.js"></script>
我发现我必须使用type=text/babel才能正确处理JSX。
mod.js是我想导入的一个模块。在main.js中，我使用：
import {mod_func} from './mod
浏览 3提问于2021-09-06得票数 1
回答已采纳
我试图使用以下方法导入图像：
import image from 'image.jpeg';
弹出以下错误。
加载模块脚本失败:服务器响应非JavaScript类型的"image/jpeg“。根据HTML规范，对模块脚本实施严格的MIME类型检查。
在我的index.html中，我将我的主脚本文件导入如下：
<script src="index.js" type="module"></script>
然后在index.js中：
import image from 'image.jpeg';
浏览 0提问于2019-08-05得票数 0
回答已采纳
pdf文档将显示在iframe标签中。当页面加载时，将发送一个文本。如果在pdf中找到文本，那么它应该在pdf中高亮显示到iframe。我能够在iframe中显示PDF文档。但我无法找到如何突出文本。您能用javascript帮助解决这个问题吗？
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<script type="text/javascript&#
浏览 21提问于2022-06-16得票数 0
我正在用javascript编写一个简单的循环碰撞检测程序，文件的项目结构如下所示：
基本上，代码没有问题，html在浏览器中运行良好，所有脚本都被加载并执行良好，因为我在index.html中创建了这个层次结构
<script src="scripts/javascript/GLOBALS.js"></script>
<script src="scripts/javascript/utils.js"></script>
<script src="scripts/javascript/set
浏览 2提问于2021-01-18得票数 0
回答已采纳
我刚刚读过关于使用HTML导入来封装组件的文章。
<link rel=import href="import.html">
文件import.html将包含组件所需的所有内容。
但是，一个大问题是：import.html中的Javascript函数和变量成为window命名空间的一部分，这意味着根本没有封装。
两个不同的组件(碰巧具有相同名称的函数)将发生冲突，其中一个函数将被覆盖。
HTML导入是否提供了以前不存在的任何形式的javascript封装？
示例：
main.html
<link rel=import href="import1.htm
浏览 4提问于2017-10-22得票数 2
回答已采纳
Google有一个HTML片段来跟踪转换：
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 12345;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = "someo
浏览 0提问于2012-05-13得票数 3
回答已采纳
我正在尝试在我的angular 2应用程序中导入Metronic datatable，我导入了主html页面中的所有脚本和引用(带有html标签<script>..</script>和<link>)，与我初始化angular 2(带有System.import()..)的位置相同，但它不起作用，它显示了没有搜索/重新排序功能的表。有什么建议吗？如何在angular 2中导入这些内容？提前感谢
<script src="/core-js/client/shim.min.js"></script>
<script s
浏览 7提问于2017-06-05得票数 1
要开始在您的网站上使用EmailJS，只需在关闭标签之前粘贴以下代码片段，并使用正确的用户ID:然后我必须将其导入到index.html文件中，但没有index.html，有人能帮我吗
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/emailjs-com@2/dist/email.min.js">
</script>
<script type="text/javascript">
(function(){
浏览 2提问于2020-06-08得票数 0
我在 (提取方法分支)有一个示例项目。
相关代码在中，并且是
<template>
<img src="./TheCloud.svg" />
</template>
<script>
export default {
name: "Map",
data() {
this.loadSVGIcon();
return {}
},
methods: {
async loadSVGIcon() {
const response = await fetch( &#
浏览 2提问于2022-07-05得票数 0
回答已采纳
1回答
我有几个.html文件，我希望所有文件都有相同的头文件。到目前为止，我可以通过使用html导入在Chrome上做到这一点：
我有一个名为CommonHead.html的页面，其中包含一些JS和CSS文件，如下所示：
<!-- CommonHead.html -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/b
浏览 0提问于2016-10-25得票数 1
我在javascript文件中有一个json列表，在将结果数组发送到html主页之前，我希望在类型记录中过滤它。但是，我在html文件中发现了一个错误。
注意:我用一个在线打字本编辑器测试了我的代码，它运行得很好。
Javascript list.js
var jsonList= [
{
"Answer": "Y",
dummyProp1 : 1
},
{
"Answer": "N",
dummyProp1 : 1
}];
打字本文件: home.ts
import { Compo
浏览 4提问于2022-04-19得票数 0
回答已采纳
1回答
如何在角2加载后加载外部脚本
、、、、
我有从API获取数据的动态导航栏。
问题是导航栏中的列表项没有一致切换。它有时起作用，但在大多数情况下不起作用。
控制台窗口中没有脚本错误，它是干净的。
导航面板切换的脚本来自名为layout.js的文件中的Metronic模板本身。
我怀疑这是因为layout.js有时在DOM中在角呈现之前加载。在这种情况下，开关不能正常工作。
请给我任何建议！
<!-- 1. Load libraries -->
<!-- Polyfill(s) for older browsers -->
<script src="/node_modules/
浏览 4提问于2017-09-08得票数 2
假设我获得了一个html5模板。包含HTML、css、js文件和其他类型资源(如图片)的文件夹。我将component.html Html和css复制/粘贴到和component.css.中。
当涉及到JavaScript时，我有一个名为js的文件夹，里面几乎没有单独的JavaScript文件。
我应该把js文件夹放在哪里，如何在我的应用程序中引用它们？
在原始文件中，我有一个类似于HTML文件底部的东西：
<script src="js/script1.js"></script>
<script src="js/script2.js
浏览 0提问于2018-03-06得票数 0
回答已采纳
1回答
我试图在我的Vue.js项目中添加贸易视图图表，但我找不到使用它的方法。这是html标签，有人能帮助我如何使用它吗？
<div class="tradingview-widget-container">
<div id="tradingview_bf88f"></div>
<div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/symbols/NASDAQ-AAPL/"
浏览 9提问于2021-09-13得票数 0
回答已采纳
在HTML5中，使用JavaScript时不再需要在脚本标签中包含该类型。
有没有常见的浏览器(IE6+、火狐2+、Safari 3+、Opera 9+或类似的浏览器)会因为从所有的<script>标签中去掉这个类型而崩溃？
因此，正在改变以下内容：
<script type="text/javascript" src="/path/js.js"></script>
<script type="text/javascript">
...
</script>
至：
<script s
浏览 6提问于2010-08-15得票数 15
回答已采纳
我有动态字符串javascript标签要在html的头部执行。
标签如下，这个标签是动态的，来自服务器的字符串，我想执行这个javascript到头的html。我怎样才能最好地做到这一点呢？
<script async src="/content/js/file1.js"></script>
<script async src="/content/js/file1.js"></script>
<script> alert('Execute'); </script>
浏览 16提问于2020-05-12得票数 0
如何使用H1标签创建标题标签，我不熟悉HTML标签
下面是我的HTML结构
<html>
<head>
<title>Buy RS Gold,Cheap RS Gold- 4RsGold.com
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<script src="/js/yu.js" type="text/javascript">&l
浏览 11提问于2015-12-15得票数 2
1回答
我正在使用创建web应用程序。树是基于Golang后端的数据构建的。树形树叶在应用程序运行时更改自定义图标。如何在不刷新页面的情况下根据后端数据更改图标？
随着http-equiv=“刷新”页面的闪烁和失去焦点。下面是使用zTree和refresh的示例(为了简单起见，我切割后端部分)：
<HTML>
<HEAD>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="refres
浏览 4提问于2020-12-25得票数 0
回答已采纳
我想打印HTML中变量数量所包含的值
这是我的JavaScript代码
class Ingredient {
constructor (name, dateBought, expiryDate, quantity, expired){
this.name = name;
this.dateBought = dateBought;
this.expiryDate = expiryDate;
this.quantity = quantity;
this.expired = false;
}
isExpired(){
this.expire
浏览 6提问于2020-10-27得票数 0
回答已采纳
1回答
如何在角6中添加自定义元素
、、、、
我已经创建了一个react应用程序，并将其定义为自定义元素。CustomElements.define(‘react iis’，ReactElement)；我构建了这个应用程序并获得了js文件--我直接在普通html文件中使用这个元素--它工作得很好，但是如何从角组件/html调用这个元素呢？
在基本html中，我导入了构建后得到的响应js文件，并使用了它工作的<react-iis></react-iis>。
<html>
<body>
<react-iis></react-iis>
<script type=
浏览 2提问于2019-08-16得票数 0
回答已采纳
我有一个网页，当我右键点击它，然后查看我得到的页面源：SECTION-A
但是当我点击它，然后检查我得到了更长的输出，我试着用JS获得页面源，但是问题相同，我在SECTION-A中得到输出.我怎么才能解决这个问题？
注意:我正在寻找通用的解决方案，而不仅仅是这个特定的网站。
我试过的是：
time.sleep(3)
html1 = driver.execute_script("return document.documentElement.outerHTML")
html2 = driver.execute_script("return document.getElem
浏览 12提问于2022-04-09得票数 3
我有一个html文件，其中有一些javascript on script标签。我用node js创建了一个服务器，但当我试图在服务器上加载网站时，我只能看到文件的html部分，而不是javascript部分。 下面是我试图将其与javascript链接的head标签上的html代码的一部分： <head>
<title>HTML5 Canvas Winning Wheel</title>
<link rel="stylesheet" href="main.css" type="text/css&
浏览 40提问于2020-07-03得票数 0
回答已采纳
我有一个使用Javascript、jQuery和Vite.js构建的项目。我需要在一个JS文件是一个模块，另一个JS文件不是一个模块之间共享函数和变量。我专门讨论的是脚本标记是否有type="module"。这个是可能的吗？我知道，如果我可以将这两种脚本文件类型都设置为“模块”，这将解决我的问题，我可以很容易地使用导入/导出语法来共享函数和变量。但是，第二个脚本不能设置为type="module"，因为这会破坏使用特定依赖项的代码片段。
为了说明我的意思--这里有一个HTML文件链接到两个不同的JS文件：
test.html
<!DOCTYPE html&
浏览 5提问于2022-05-14得票数 1
下面是我的javascript代码，它被添加到php/html页面的标签中：
<script type="text/javascript">
$(document).ready(function() {
$('#status').change(function(){
var status = $('#status').val();
var html = ''; //string variable for h
浏览 1提问于2013-02-14得票数 0
我需要帮助。我在做一个棱角的项目。我正在对远程服务器进行一些API调用(GET/PUT)。为了节省我的应用程序的时间和性能，我想让我们将它保存在本地本身。因此，我下载了JS文件，并将其保存在资产文件夹中。
以前的守则是：
private loadMySisenseJs(): Promise<any> {
...
// load required js
this.sisenseJsLoadPromise = new Promise((resolve, reject) => {
const sisenseJsSrc = 'https
浏览 5提问于2020-08-04得票数 1
我已经成功地在一个对象标签中嵌入了am电子书，这样我就可以用我的JQ应用程序来查看它，它是成功的，但问题是它平均需要40秒才能完全加载，有什么方法可以让它加载得更快吗？下面是我的代码，下面是我的脚本。
我试过：
<div data-role="page" data-dom-cache="true">
没有运气，
任何帮助都是非常感谢的。谢谢。下面是我的代码。
<div data-role="page">
<div data-role"header"></div>
<
浏览 3提问于2013-09-24得票数 0
回答已采纳
我想知道如何用Javascript来替代它。我正在查看页面的整个正文，并希望替换不在HTML标记内的关键字匹配。
下面是一个示例：
<body>
<span id="keyword">blah</span>
<div>
blah blah keyword blah<br />
whatever keyword whatever
</div>
</body>
<script type="text/javascript">
var repla
浏览 0提问于2009-09-18得票数 5
回答已采纳
1回答
我刚刚开始使用datatables，我正在使用datatables文档中的这个示例，但是我无法获得要显示的数据。这是.html file
<html>
<head>
<title>data</title>
<script href="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
<script href="https://code.jquery.com/jquery-1.12.4.js
浏览 13提问于2017-08-29得票数 0
我所希望的是ES6模块的一个小问题：
如果我为JavaScript模块使用.mjs文件扩展名，浏览器(如Chrome和Firefox )会很高兴--但是如果我使用.js，就会收到错误消息。
但是，这是我需要使用的非常简单的服务器(它是一个专门的嵌入式服务器)，它使用MIME类型的纯文本服务.mjs文件，而不是JavaScript.。
下面是一个简单的例子：
Default.html：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<script src="/
浏览 2提问于2021-07-16得票数 0
回答已采纳
好的，我有这个代码：
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
function get() {
$.post('tt.php', { name : $(this).attr('id') }, function(out
浏览 6提问于2012-04-03得票数 1
回答已采纳
在特定的用户交互(单击按钮)时，我尝试在我的网页中动态加载CSS文件和脚本文件，它工作得很好。CSS文件带来了一些样式，这些样式被应用到网页中。在Javascript文件中，我在setInterval()中放置了一些代码，该代码从IIFY执行，这样代码就可以以1秒的间隔无限地运行。
但是当我试图卸载(删除)它们时，CSS文件很容易被删除，但是脚本文件造成了问题。通过从<link rel="stylesheet" href="res/demo.css">文件中删除index.html，它带来的样式也将从index.html中删除。通过删除<scr
浏览 6提问于2020-04-29得票数 0
回答已采纳
将javascript变量中的值传递到同一个html页面上的iframe调用中的最佳方法是什么？我试图通过将提供javascript代码的广告(典型的document.write('<script type="text/javascript" src="..")移动到单独的iframe中来提高站点的页面响应时间。()
对广告服务器的请求通常要求每个站点声明一次种子变量，并且在每次客户端加载页面时递增该种子变量。我想要做的是将种子变量传递到由我的iframe部分调用的文档中。
种子变量在我的主html文档的'head‘标签中初始化：
<
浏览 0提问于2010-04-13得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
