easyui给iframe添加样式文件

需求：

有一个用easyui做的后台管理项目，已经上线运行好多年，在不影响功能运行的前提下美化页面。

需要给所有的iframe添加样式文件；

代码如下：

//iframe的id为mainIframe

<iframe id="mainIframe" name="mainIframe" onload="iframeClick(this)" frameBorder="0" scrolling="auto" frameborder="0"  allowtransparency="true" ></iframe>

<script>
　　//iframe加载后动态添加一个路径为  /cidp/css/iframe.css 的css

   //注意：路径需要用全路径，否则找不到
    $('#mainIframe').load(function () {
        let cssLink = document.createElement("link");
        cssLink.href = "style.css";
        cssLink.rel = "stylesheet";
        cssLink.type = "text/css";
        $('#mainIframe')
            .contents().find("head")
            .append($('<link rel="stylesheet" type="text/css" href="/cidp/css/iframe.css">')
            );
    });
</script>

 至此，就完成了给所有嵌入的iframe新增样式文件。