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

2
<div id="home" class="home"><img src="img/home.png" onClick='window.location.href="index.html";'/></div>

为什么不使用 onClick() 中的 location.href?

于 2013-06-17T09:35:28.430 回答
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 回答
1

你的错误是什么?它工作正常,请参阅演示

<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="test();"/>   </div>
    </div>
</div>

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

编辑 发现你的问题 1)函数未定义(测试应该更改为 -> 信息) 2)onclick(C 是大写)

<!DOCTYPE html>
 <html>
 <head>
 <script type="text/javascript">

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

 </script>
 </head>
 <body>
 <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" alt="clickme"  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>
</body>
</html>
于 2013-06-17T09:14:40.340 回答
0

在这里我能找到的错误是 1-U 已将home用作 div 的 id 属性和函数名称。

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

2- 尝试将onclick all 写成小写,并在函数调用 show 后将 [;] 写成 onclick="home();" 不会有错误!所有浏览器都接受它。
尝试使用 Chrome 控制台或 Internet Explorer 进行调试(取消选中后 - 禁用脚本调试并禁用所有脚本调试)。

这是解决方案:
带有 Java 脚本的 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 回答