javascript - 当所有 HTML/CSS 和 Javascript 代码都被触发时，如何将 Javascript 代码触发到最后？

Question

我一直在更新一个客户网站，它只允许我在有限的区域添加脚本和样式代码。我已经使用 FF“检查元​​素”并且可以查看代码并可以使用 Web 开发附加工具的编辑 CSS 进行测试。但是，我无法使用简单的 Javascript 代码来设置我看到的代码的样式。当我使用“查看源代码”检查代码时，我需要编辑的代码没有显示。

为了了解我在做什么，这里有一个类似的代码。目标是当 img src 包含字符串“white”时用绿色边框设置 DIV 的样式:

HTML:

<div class="container">
    <img class="cropImg" src="http://placehold.it/150x150/f00&text=red" alt="red">
    <img class="cropImg" src="http://placehold.it/150x150/fff&text=white" alt="white">
    <img class="cropImg" src="http://placehold.it/150x150/00f&text=blue" alt="blue">
</div>

JavaScript:

$(document).ready(function(){
    var xColour = $("img[src*='white']");
    xColour.css('border','5px solid green');
});

我还创建了一个 JSFiddle 以便快速查看 ==> http://jsfiddle.net/philcyb/q5cqomto/

问题:有没有办法将我插入的 Javascript 作为最后一个触发？
或者，如果我的问题不相关，欢迎分享任何想法。

谢谢!

Answer 1

你可以使用下面的代码来实现你想要的

$(window).bind("load", function() {

//代码在这里});