홈>2020-02-01 01:20

javascript - 부모의 제목에 따라 div의 id를 왼쪽으로 변경하는 스크립트의 알 수없는 구문 오류

부모 페이지의 제목에 따라 li의 div 클래스를 변경하는 스크립트를 작성했습니다 (home.html의 iframe 안에있는 menu.html이 있음을 의미합니다). 아아, 나는 많은 것을 시도했지만 작동하지 않습니다. 실수를 어떻게 찾을 수 있습니까? 캡션이 영어가 아니라 히브리어로되어 있는지 고려해야합니까?

menu.html의 코드는 다음과 같습니다.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> </title>
 <link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript">
    switch (window.parent.document.title) {
        case "העמוד הראשי": document.getElementById("nada1").className="marked"; break;
        case "על הבנאי": document.getElementById("nada2").className = "marked"; break;
        case "בדיחות משעשעות": document.getElementById("nada3").className = "marked"; break;
        case "תוכנות חינמיות": document.getElementById("nada4").className = "marked"; break;
        case "קישורים מעניינים": document.getElementById("nada5").className = "marked";     break;
        default: alert("god damn!"); break;
    }
    </script>
</head>
<body dir="rtl">
<ul class="menu1">
<li><a href="Index.html" target="_parent"><div id="nada1">דף פתיחה</div></a></li>
<li><a href="About.html" target="_parent"><div id="nada2">על עצמי     ותחביבים</div>    </a></li>
<li><a href="Jokes.html" target="_parent"><div id="nada3">בדיחות</div></a>    </li>
<li class="nada4"><a href="freewares.html" target="_parent"><div id="nada4">תוכנות     חינמיות</div></a></li>
<li class="nada5"> <a href="Links.html" target="_parent"><div id="nada5">קישורים     שימושים</div></a></li>
</ul>
    <br /><br /><hr />
<div class="write_mail">אם ברצונך להרשם לעדכוני האתר, אנא הכנס את <br />כתובת המייל שלך     בצירוף שמך באנגלית:
    <form action="sent.php" method="post" >
        <input type="text" name="subscr" /><br />email
        <input type="text" name="perosnal"/><br />שם
        <br />
        <input type="submit" name="submit" onclick="alert('good job and thanks!');"/>    </form></div>
</body>
</html>

색인 코드는 다음과 같습니다.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>העמוד הראשי</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript"></script>
</head>
<body dir="rtl">
<iframe src="menu.html" class="navibar" height="430px" width="50px" scrolling="no"     style="border-style:none"></iframe>
<a href="http://example.com"><img src="HomePage/suka1.gif"  height="200px" width="200px"     alt="מעט מידע בסיסי על חג סוכות"/></a>
<hr /><br />
<p class="About">i built it so respect!:)<br /> <a         href="mailto:me@gmail.com">לתלונות, מענות,פניות ושאר ירקות ופירות </a>
</p>
</body>
</html>

javascripthtml

답변 # 1
페이지에 존재하기 전에 요소를 수정하고 있습니다-스크립트 블록을 window.onload 로 옮기십시오 처리기와 그것은 잘 작동합니다 :
```
window.onload = function () {
    switch (window.parent.document.title) {
        // snip ...
    }
};
```

Python2.net

javascript - 부모의 제목에 따라 div의 id를 왼쪽으로 변경하는 스크립트의 알 수없는 구문 오류

관련 자료