2

多くの onclick 機能を実装しました。しかし、ここだけで機能しているわけではありません。

私のHTML

<body style="background-color:#333333;">
<div id="wrapper_other" class="wrapper_other">

<div id="header" class="header">
    <div id="header_title" class="header_title"></div>
    <div id="home" class="home"><img src="img/home.png" onClick="home()"/></div>
</div>

私のCSS

.wrapper_other
{
     width:auto; margin:0auto;  overflow: hidden;
}

.header
{
    float:left; height:44px; line-height:44px; margin:0%; width:100%; 
}
.header_title
{
    height:100%; min-height:100%; font-size:22px; color: #FFFFFF; text-align:center; font-weight:bold; width:100%; 
}

私の機能

function home()
{
    window.location.href="index.html";
}

編集

私のファイル構造

 <!DOCTYPE html>
 <html>
 <head>
 <script type="text/javascript" charset="utf-8">

        function test()
        {
            window.location.href="index.html";
        }

 </script>
 </head>
 <body style="background-color:#333333;">
 <div id="wrapper_other" class="wrapper_other">
<div id="header" class="header">
    <div id="header_title" class="header_title"></div>
    <div id="home" class="home"><img src="img/home.png"  onClick="info()"/>               </div>
</div>
<div id="images" class="images"><img  name="slide" src="img/banner1.png" width=100% />
    <div id="element_name_image" class="element_name_image"></div>
</div>

<div id="parameters" style="background-image:url(img/icons_bg.png);" class="parameters">
    <div id="abc" class="abc"></div>
    <div id="def" class="def"></div>
    <div id="ghi" class="ghi"></div>
    <div id="jkl" class="jkl"></div>
</div>

 <div id="wrapper" class="wrapper">
<div id="scroller" class="scroller">    
    <ul>
    <div id="description"  class="description">
        <div id="title"  class="title">
          <h1><strong><ul class="scroller ul"><li></li></ul></strong></h1>
            </div>

            <div id="desc" class="desc">
                <p><ulclass="scroller ul"><li></li></ul></p>
            </div>
        </div>
    </ul>   
    </div>
</div>

私の間違いを特定するのを手伝ってください。

4

5 に答える 5

1

スクリプトの HTML は次のとおりです。

<script type="text/javscript">
function home()
{
    window.location.href="index.html";
}
</script>

ここで、コードを次のいずれかに配置します。

  1. <head>タグ内または
  2. </body>タグの上

ただし、終了<body>タグの上に配置することを強くお勧めします。

アップデート

ディレクトリ構造を考えると、次のようになります。

- index.html
- script.js <- assuming the function is in there

ここにコード行があります

<script type="text/javascript" src="script.js"></script>

次に、コードを次のいずれかに配置します。

  1. <head>タグ内または
  2. </body>タグの上
于 2013-06-17T09:23:10.577 に答える
1

id 属性と関数名に「home」を使用しています。home() onclick を使用すると、ブラウザーが HTMLDivElement を参照するため (id 属性が原因で)、関数例外が発生しない可能性があります。id 属性または関数名の値を変更して確認してください

于 2013-06-17T09:12:19.303 に答える
0

ここで間違っているのは、1- U がdiv の id 属性と関数名としてホームを使用していることです。

 <div id="home" class="home"> <img src="img/home.png" onClick="home()"/> </div>

2- onclickをすべて小さく書いて、関数呼び出しの後に [;] を入れてください。 onclick="home();" のように書きます。エラーは発生しません。すべてのブラウザがそれを受け入れます。
Chrome コンソールまたは Internet Explorer を使用してデバッグを試みます (チェックを外した後 - スクリプトのデバッグを無効にし、すべてのスクリプトのデバッグを無効にします)。

解決策は次
のとおりです: Java Script を使用した HTML コード: index.html

<!DOCTYPE html>
<html>
  <head>
  <link rel="STYLESHEET" type="text/css" href="yourcss.css" />
  <script type="text/javascript">
    function navigator() {
        alert("Test is called!");
            window.location.href = "justchill.html";

    }
    </script>
   </head>
 <body style="background-color: lightyellow">
    <div id="wrapper_other" class="wrapper_other">
        <div id="header" class="header">
            <div id="header_title" class="header_title">
                <img src="Dream_home6.jpg"
                    alt="welcome" onclick="navigator();" />
            </div>
        </div>
    </div>
</body>
</html>

Chrome および Mozilla Firefox でテストおよび検証済み。

それが役立つことを願っています。

于 2013-06-17T09:15:35.987 に答える