1

这是我尝试过的示例代码

 <html>
 <head>
 <style>
 <!--
  .execute { background-color: red; height: 25px; }
 -->
 </style>
  <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.0/dojo/dojo.xd.js">
  </script>

<!-- Let's register a onClick handle for any .execute div. -->

</head>
 <body>
<div class="execute">
  <head>
   <script>
  dojo.ready(function()  // Dojo will run this after being initialized
  {
      // Get A list of all tags with id execute and add a event onClick
      dojo.query(".execute").connect("onclick", function(evt)
      {
          alert("Event triggered!");
          // ...
      });
  });
</script>
  </head>
<body>
  Click me 1
 </body>
  </div>
<br /><br />
<div class="execute">Click me 2</div>
 </body>
 </html>  

但如果我将它合并到另一个代码中,它会突出显示并作为无效代码。这是什么意思?

4

4 回答 4

2

有几个代码问题。双<head>标签,标签后的 HTML 元素<body>

清理代码:

<html>
 <head>
 <style>
  .execute { background-color: red; height: 25px; }
 </style>
  <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.0/dojo/dojo.xd.js"></script>
  <script>
  dojo.ready(function() { // Dojo will run this after being initialized
    // Get A list of all tags with id execute and add a event onClick
    dojo.query(".execute").connect("onclick", function(evt) {
      alert("Event triggered!");
      // ...
    });
  });
  </script>
</head>
 <body>
  <div class="execute">Click me 1</div>
  <br><br>
  <div class="execute">Click me 2</div>
 </body>
</html>
于 2013-03-04T13:22:28.700 回答
1

<head>应该只出现一次,直接在 下<html>,而不是在 内<body>

嵌入在现有页面中的 iframe 除外,它们有自己的文档结构。

于 2013-03-04T13:07:43.677 回答
1

只需删除第二个<head>.

为什么有两个头?<script>s 不必在<head>s 中。

<head>您的文档中应该只有一个。

于 2013-03-04T13:08:54.647 回答
1

HTML页面的结构应该如下:

<html>
<head>
<title></title>
</head>
<body>
</body>
</html>

尽管它们不是必须的,但大多数人将脚本标签放在开始和结束标题标签中。例如:

<html>
<head>
<title></title>
<script>

<!--This is where all your functions should be.-->

</script>
</head>
<body>
</body>
</html>
于 2013-03-04T13:20:13.467 回答