开发者问题收集

在 html 文档中从 javascript 调用变量

2017-09-25
71
javascript html

我在学校工作，使用谷歌表单来记录一些事情。 其中一种表单会通过电子邮件向人们发送输入工作表中的信息。 我设法拼凑了一个提供这项服务的优秀脚本，但是我希望它看起来不错。

我的问题很简单（或者我认为很简单）： 当我将 HTML 放入电子邮件正文时，如何调用我之前在脚本中定义的变量？

我需要在 HTML 中定义它们吗？还是可以从 JavaScript 中调用它们？

我绝不是一个严肃的程序员，但这个问题似乎无法通过谷歌找到。

如能提供任何帮助，我将不胜感激。

2个回答

在脚本外部调用在 javascript 中创建的变量的值。 

    <html>
    <script>
    var somevariable = "hi"; //this is the variable you create in JavaScript

    window.onload = function() {

       document.getElementById("blabla").innerHTML = somevariable; //here you send the value of 'somevariable' to html.
    } 
    </script>
    <body>
    <input type="text" id="blabla" name="someInput"></input>
    </body>
    </html>
ahmetkilinc
2017-09-25

我不太确定您的代码是什么样的，所以这只是尝试回答我目前所理解的内容。

在您的 HTML 文档中，您不调用变量，而是调用函数。例如，当您单击一个按钮时，通过调用按钮内的 onclick 事件，文本将更改为您的变量， ChangeText() 将是第一个示例的函数： 

<!DOCTYPE html>
<html>
    <body>
        <p id="p1">Hello</p> <br />
        <button onclick="ChangeText()">Button</button> <!-- onclick event -->

        <script>
            var p1 = document.getElementById("p1"); //variable created

            function ChangeText () {
                //when you click the button this function will be called
                p1.innerHTML = "Changed text on button click!";
            }
         </script>
    </body>
</html>

您也可以在文档加载时调用（但这意味着您将看不到之前的内容）： 

<!DOCTYPE html>
<html>
    <body>
        <p id="p1">Hello</p> <br />

        <script>
            var p1 = document.getElementById("p1"); //variable created
            p1.innerHTML = "Changed text on page load!"; //change text on load
         </script>
    </body>
</html>

希望这对您有所帮助。

Dalokey
2017-09-25