javascript - 在div内执行javascript

标签 javascript

问题已更新。底部更新-

我必须将脚本放在页面上。不幸的是,我无法控制页眉或页脚,甚至无法控制正文标签。我所拥有的只是一组内部 html,它位于位于 body 标记内的包装 DIV 内。像这样的事情:

<body>
     <div id="wrap">
         <!-- My controlled content -->
     </div>
</body>

现在,我必须放置一些 JavaScript。所以,我显然把它放在我控制的部分内。问题是 JavaScript 没有被执行。我什至发出了警报,但没有弹出警报框。最终代码如下所示:

<body>
     <div id="wrap">
         <div id="mycontent">
              <script type="text/javascript" language="javascript" src="somesource"></script>

              <script>
                  var x, y; 
                  //Do something here with x,y;
                  alert("hello");
              </script>
         </div>
     </div>
</body>

知道可能出了什么问题吗?我该如何解决它?

谢谢。

更新:我不确定这是否有任何区别,但我忘了提及所有这些 HTML 都存在于框架标签内(在框架集下)。这会有所不同吗?

最佳答案

编辑:

我发现您正在尝试加载外部 JavaScript 文件 - 您确定该文件存在吗?


相反,将一些 javascript 包裹在 document ready 中事件:

下面是使用 jQuery 加载 dom 时运行代码的方法。但是,如果您不想使用 jQuery,请参阅此答案的最后部分。

$(document).ready(function(){
// dom ready
   alert("hello");
});

您可以进一步控制div我的内容如下:

$(document).ready(function(){
// dom ready
   alert("hello");
   $("#mycontent").hide(); // for example, hide the div
});

非 jQuery:

在您的 HTML 的底部页面,将您的代码放入 <script>标签 - 这样代码将在页面上的元素加载后运行。

关于javascript - 在div内执行javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15747806/

相关文章:

javascript - Tooltip 组件渲染但不可见,并且不是 z-index

javascript - $(document).ready() 是在 body 中加载所有脚本文件后调用的吗?

javascript - AppendChild (Javascript) 和 Internet Explorer

javascript - 无法在 codeigniter 中自动刷新 div

javascript - PeerJS 可在 Chrome 中连接,但无法在其他浏览器中连接

javascript - 使用 JavaScript 访问 HTML 中的标签

javascript - 加载另一个页面后重定向到一个页面后

javascript:canvas.drawImage 是如何工作的

javascript - .val() 不返回输入文本

javascript - 如何使用 intro.js 仅一步更改 'overlayOpacity'?