如何自动调用外部javascript来测试我的代码

问题描述 投票：0回答：1

我目前正在尝试在 HTML 中创建注释部分并使用 Javascript 显示用户的输入，但在此之前我正在测试使用外部 javascript 将 javascript 文本引入 HTML 代码，但是它不显示 Javascript“测试”文本在 HTML 文件中。我怎样才能解决这个问题？ 我想解决的问题。 ：将 Javascript 代码输出到 HTML 文件中，如下文件 https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_script_src.

// JavaScript Document
function myFunction() {
  document.getElementById("demo").innerHTML = "Test";
}
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="style2.css" rel="stylesheet" type="text/css">


<title>forum 01</title>
</head>

<body>
    
    <!--New line-->
    
    <div><img src="ECORUM_Logo(png).png" alt="Logo" class="headimg"></div>
    
    <ul class="navi">
        <li>Home</li>
        <li>About</li>
        <li>Events</li>
        <li>Project</li>
        <li>Contact</li>
        <!-- Inert Image that can contact personal account information -->
    </ul>
    
    <br>
    
    <hr>
    
    <h1 class="chattitle">Test Title</h1>
    <script src="myScript.js"></script><!--I want to display Javascript text "test" here to test my code><!-->
    <br>
    <div class="container">
        <div class="comment_container">
            <div class="comment_card">
                
                <h3 class="comment_title">The first comment</h3> <!--I need to make a code to allow user's unout for comment><!-->
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
                magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
                consequat. 
                Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
                occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
                <div class="comment_card-footer">
                    <div class="comment__container">
                        <div class="comment_card">
                            <h3 class="comment_title">The first comment</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                            Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                            </p>//This section is going to be the actual comment.　
                        </div>
                        <div class="comment_card-footer">
                            <div class="show-replies" >Replies</div>
                        </div>
                        <div class="comment_card-footer">
                            <div class="comment__container">
                                <div class="comment_card">
                                    <h3 class="comment_title">The first comment</h3>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                                    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                    </p>//This section is going to be the actual comment.　
                                </div>
                                <div class="comment_card-footer">
                                    <div class="show-replies" >Replies</div>
                                </div>　
                            </div>
                        </div>　
                    </div>
                </div>
            </div>  
            <div class="comment_card-footer">
                <div class="show-replies" >Replies</div>
            </div>
        </div>
        <div class="comment_container">
            <div class="comment_card">
                <h3 class="comment_title">The first comment</h3> <!--I need to make a code to allow user's unout for comment><!-->
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
                magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
                consequat. 
                Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
                occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
            </div>
            <div class="comment_card-footer">
                <div class="show-replies" >Replies</div>
            </div>
        </div>
    </div>

    
    
    
    
    
</body>
</html>

javascript html css
1个回答
0
投票

将此添加到要显示文本的文档中：

<div id="demo"></div>

在

body
结束之前添加以下内容：

    ....
    <script>myFunction();</script>
</body>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.