Question

如何为每个div而不是整个页面提供javascript？

<head>
    my jquery
    my javascript for the whole page
</head>
<body>
    <div id="cc1">
    Some content - I want to add Javascript for this div
    </div>
</body>

我知道我们只在页面的顶部添加javascript，或者在html按钮事件的onclick中调用函数write in external js。

我需要为每个div使用单独的JS，因为如果用户禁用了javascript，我会在每个div中显示一个<noscript>来显示一些静态广告内容;否则，如果用户已经启用了javascript，我将使用自己的javascript生成动态广告内容。

那你怎么做？

Answer 1

听起来你想做这样的事情：

<div>
  <script type="text/javascript">
      document.write("Content A");
  </script>
  <noscript>
      Alternate content
  </noscript>
</div>

<div>
  <script type="text/javascript">
      document.write("Content B");
  </script>
  <noscript>
      Alternate content
  </noscript>
</div>

这是一种老式的做事方式，我不推荐它。使用内联脚本/ noscript标签的另一种方法是将“noscript”内容放在div中，然后在页面加载后用JavaScript替换内容;这样，如果禁用JavaScript，原始内容将保留。

Answer 2

如果我正确地提出你的问题，你不能真正为div添加JavaScript，你应该为整个页面添加它，然后在该div中使用它。

要在div中发生某些事情，您必须使用<script> </script>标记并解决该特定div。否则只需在HTML文件的头部添加另一个.js文件，使其在该div上执行某些操作。

Answer 3

HY

您可以使用var dvo = document.getElementById('id_div');

获取该DIV的参考

然后你可以做你想要的只有那个div。

如何为单独的div添加javascript？

3 个答案: