Ich habe einen HTML-Code, in dem der Javascript-Code, anstatt ihn auszuführen, nur den Javascript-Code anzeigt. Dies mag eine einfache Frage oder ein dummer Fehler sein, aber nach dem Durchsuchen einiger Websites kann ich die Antwort nicht finden

Mein Code:

<!DOCTYPE html>
<html>
<head>
    <title>Daniel's Quicky Links</title>
    <style type="text/css">
        a {
            text-decoration:none;
            color:blue;
        }

        div.author {
            font-size:12px;
            text-align:center;
            position:absolute;
            bottom:0%;
            width:98%;
            margin-left:auto;
            margin-right:auto;
        }
    </style>
</head>
<body>
    <p id="date"><button onClick="printDay()">day</button></p>
    <table border="3" cellpadding="5" cellspacing="0" summary="This is a list of links to help you quickly guide through the internet" width="40%">
        <caption>This is a list of links to help you quickly guide through the internet</caption>
        <tr>
            <th>Link</th>
            <th>Use</th>
        </tr>
        <tr>
            <td><a href="http://google.com" target="_blank">Google</a></td>
            <td>This link is to a great search engine</td>
        </tr>
        <tr>
            <td><a href="http://facebook.com" target="_blank">Facebook</a></td>
            <td>This link is to a great social media outlet</td>
        </tr>
        <tr>
            <td><a href="http://wikipedia.org" target="_blank">Wikipedia</a></td>
            <td>This link is to a great wiki containing information on plenty of topics</td>
        </tr>
        <tr>
            <td><a href="http://ask.com" target="_blank">Ask</a></td>
            <td>This link is to a great forum you can ask questions</td>
        </tr>
    </table>        

    <div class="author"><p>
        <hr width="101%">
        Author: ********</br> 
        Version: 0.1</br>
        Contact: <a href="mailto:*********?Subject=Quicky Links complaint,suggestion,comment&Body=My thoughts on Quicky Links">************</a>
    </p></div

<script type="text/javascript">
        function printDay()
                {
            var x = new String("");
            var day=new Date().getDay();
            switch(day)
                        {
                            case 0:
                                x="Today is Sunday";
                                break;
                            case 1:
                                x="Today is Monday";
                                break;
                            case 2:
                                x="Today is Tuesday";
                                break;
                            case 3:
                                x="Today is Wednesday";
                                break;
                            case 4:
                                x="Today is Thursday";
                                break;
                            case 5:
                                x="Today is Friday";
                                break;
                            case 6:
                                x="Today is Saturday";
                                break;
                            default:
                                x="Day does not exist";
                        }
                        document.getElementById("date").innerHTML=x;
        }
    </script>

</body>
</html>

Danke im Voraus! Dando18

0
Dando18 10 Dez. 2013 im 06:52

3 Antworten

Beste Antwort

Sie haben einen Syntaxfehler beim Schließen eines der div

<div class="author"><p>
    <hr width="101%">
    Author: *********</br> 
    Version: 0.1</br>
    Contact: <a href="mailto:************?Subject=Quicky Links complaint,suggestion,comment&Body=My thoughts on Quicky Links">**********</a>
</p></div> //<-- here the > is missing after </div

Die Funktion kann auch mithilfe eines Arrays anstelle eines Schalters vereinfacht werden

var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];

function printDay() {
    var day = new Date().getDay();
    //the default text is not required since the day value will be within the range 0-6
    document.getElementById("date").innerHTML = 'Today is ' + days[day];
}
4
Arun P Johny 10 Dez. 2013 im 03:13

Sie haben ein offenes <div> tag right before your opening -Tag. Dies führt dazu, dass die beiden kombiniert und als ungültig ignoriert werden. Daher ist Ihr JavaScript nicht nur einfacher Textinhalt:

</p></div

<script type="text/javascript">
2
John Conde 10 Dez. 2013 im 02:54

Sie müssen das HTML-Tag schließen

replace </p></div with </p></div>
0
zuoyan.wu 10 Dez. 2013 im 02:59