如何在 index.html 文件中定义变量？ (window.parentPage = true;)

Question

https://stackoverflow.com/a/43635720

在这个答案中，它说要在 index.html 页面中定义一个变量 (window.parentPage = true;)。 我该怎么做呢？

Answer 1

您需要使用 JavaScript 定义变量。 您可以将一些 JavaScript 嵌入到 HTML 文件中，方法是将其封装在script标记中，如下所示：

<script type="text/javascript">
    window.parentPage = true;
</script>

Answer 2

首先你需要清楚地意识到你的理由……你想要达到的目标。

在那之后给自己定义：

第一个选项：您可以存储/保存一些数据，如您添加到标签内的问题的链接所述，如下所示：

<script>
    var myLittleBox = "box content";
</script>

稍后访问它，例如：

<script>
    myLittleBox = myLittleBox + " extra content";
    console.log(myLittleBox);
    //this will print "box content extra content"
</script>

您需要使用标签来访问 javascript 环境。

第二个选项：您可以使用类型为“hidden”的纯 HTML 保存/存储数据，以不将其作为输入框显示在屏幕上，并更改其值，如下所示：

<input type="hidden" value="box content">

但是这样您将无法在没有 javascript 代码帮助的情况下直接访问数据，除非您将此输入作为 GET 或 POST 发送到某个可到达的地方，并通过相应的 GET 或 POST 恢复它。

Javascript 变量：

https://www.w3schools.com/js/js_variables.asp

例如：https ://www.w3schools.com/js/tryit.asp? filename=tryjs_variables

HTML 输入：

https://www.w3schools.com/tags/tag_input.asp

HTML 表单处理：

https://www.w3schools.com/php/php_forms.asp

您可能试图理解第一个选项，但您的问题并没有说清楚。 总之，好好学习。

Answer 3

无论您做什么，您都必须使用 JavaScript 才能访问该变量。 一种尚未提及的正统方法是在 html 中使用数据属性，然后通过 JavaScript 访问它：

 const attributeName = 'data-parentPage'; const setup = () => { let parentPageBool = document.querySelector(`html[${attributeName}]`).getAttribute(attributeName); console.log(parentPageBool) }; window.addEventListener('load', setup);

 <html data-parentPage="true"> </html>

如何在 index.html 文件中定义变量？ (window.parentPage = true;)

问题描述

3 个解决方案

解决方案1
0 2020-03-14 01:02:04

解决方案2
0 2020-03-14 01:22:57

解决方案3
0 2020-03-14 01:42:55

如何在 index.html 文件中定义变量？ (window.parentPage = true;)

问题描述

3 个解决方案

解决方案1 0 2020-03-14 01:02:04

解决方案2 0 2020-03-14 01:22:57

解决方案3 0 2020-03-14 01:42:55

解决方案1
0 2020-03-14 01:02:04

解决方案2
0 2020-03-14 01:22:57

解决方案3
0 2020-03-14 01:42:55