知识点一：JQuery操作iframe内容的方法
在JQuery中，我们可以通过多种方式获取iframe下内容。最基本的使用方式为：
1. 通过iframe的id获取其内容窗口：我们可以通过$(iframe_id).contentWindow获取到iframe的window对象，然后进一步获取到iframe内容的document对象。例如，$(window.parent.Iframe1.document.body).find('#deptName').width()就可以获取到id为deptName的元素的宽度。
2. 通过iframe的name获取其内容窗口：$(window.parent.frames['iframeName'].document.body).find('#deptName').width()。这里需要注意的是，在iframe标签中，必须指定name属性，否则无法通过name获取到iframe。
3. 通过直接操作document.all获取iframe的内容：如document.all('Iframe1').contentWindow.document.getElementById("deptName").width;。这种方式主要用于较老版本的IE浏览器。
知识点二：跨域访问问题
在上述操作中，我们可能会遇到跨域访问的问题。由于浏览器的同源策略，当主页面和iframe页面不是同一个域时，我们无法通过上述方法获取到iframe内容，会报错拒绝访问。解决这个问题的方法主要有以下几种：
1. 改变浏览器的安全级别设置，使浏览器允许跨域访问。但这种方法对用户不利，通常不推荐使用。
2. 在主页面和iframe页面的js中，手动设置document.domain属性，将其设置为同一域名，如document.domain="***"。这样就可以解决跨域访问的问题。需要注意的是，这种方法只能解决同一域名不同子域的跨域访问问题，无法解决完全跨域的情况。
3. 在服务器端设置CORS（跨源资源共享）策略。通过在响应头中添加"Access-Control-Allow-Origin"字段，指定允许访问的域，就可以解决跨域访问的问题。这种方法需要服务器端的支持，但可以解决任意跨域的问题。
知识点三：安全性和便利性权衡
在进行跨域操作时，我们通常需要在安全性和便利性之间进行权衡。降低浏览器的安全级别可以方便的实现跨域操作，但同时也带来了安全风险。在不降低浏览器安全级别的前提下，通过修改document.domain或者使用CORS策略，虽然可以解决跨域问题，但对服务器或页面设计有一定要求。因此，我们在设计网页时，需要根据实际需求和安全策略，选择最适合的方法。
