简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript – So erhalten Sie einen Variablenwert in einem Skript in HTML
世界只因有你
世界只因有你 2017-05-18 10:57:13
0
2
6088
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>xxxxx</title>
    <script type="text/javascript">


        function testResult(){
            var testVariable = xxxx // 这是个数组对象 
        }

        window.onload = testResult;
    </script>
</head>
<body>
    
    // 这里是一个循环p 是根据testVariable的数组个数 中间显示的内容，还有图片之类的全在testVariable对象中，如何直接能够用testVariable 
    <p id="testList" style="width:100%; height:100px; background-color:#CCCCCC">


    </p>
</body>
</html>


就是在script加载完后如何能够直接在body中用testVariable这个变量，求解答，谢谢
世界只因有你
世界只因有你

Antworte allen(2)
巴扎黑
巴扎黑2017-05-18 10:59:13 2 Etage 
...
</head>
<body>
    
    // 这里是一个循环p 是根据testVariable的数组个数 中间显示的内容，还有图片之类的全在testVariable对象中，如何直接能够用testVariable 
    <p id="testList" style="width:100%; height:100px; background-color:#CCCCCC">
    </p>
    <script type="text/javascript">
        function testResult(){
            var testVariable = xxxx //局部变量只能在作用域中访问
            //循环testVariable 
            forEach(...)
            
            //最后append到#testList中
        }

        window.onload = testResult;
    </script>
</body>
</html>

主要有两点:

  1. script放在body尾部, 才能访问到上面已加载的元素

  2. 局部变量只能在该作用域访问, 所以就在testResult()这个方法内去处理循环出的元素, 在append到外层容器即可.

Wie +0
Antwort hinzufügen
習慣沉默
習慣沉默2017-05-18 10:59:13 1 Etage

解决这个问题的思路，1.首先要等DOM加载完成，2.然后执行一个函数，函数里面要遍历数组中的元素，3最后添加到DOM中既可

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！