前端考试题总结

单选题1：下面有关浏览器中使用js跨域获取数据的描述，说法错误的是（）。

A、使用window.name来进行跨域

B、域名、端口相同，协议不同，属于相同的域

C、js可以使用jsonp进行跨域

D、通过修改document.domain来跨子域

解析：

A选项：可以通过window.name+iframe解决跨域，故A正确

参考

1. js中几种实用的跨域方法原理详解
2. JS 使用window.name跨域实践
3. 使用 window.name 解决跨域问题

B选项：跨域的出现主要是因为浏览器的同源策略导致的，所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个 ip 地址，也非同源。同源策略/SOP（Same origin policy）是一种约定，由 Netscape 公司 1995 年引入浏览器，它是浏览器最核心也最基本的安全功能，现在所有支持 JavaScript 的浏览器都会使用这个策略。如果缺少了同源策略，浏览器很容易受到 XSS、 CSFR 等攻击。

参考

        浏览器的同源策略 - Web 安全 | MDN

C选项：为了便于客户端使用数据，逐渐形成了一种非正式传输协议，人们把它称作JSONP，该协议的一个要点就是允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON数据，这样客户端就可以随意定制自己的函数来自动处理返回数据了。 JSONP的优点是：它不像XMLHttpRequest对象实现的Ajax请求那样受到同源策略的限制；它的兼容性更好，在更加古老的浏览器中都可以运行，不需要XMLHttpRequest或ActiveX的支持；并且在请求完毕后可以通过调用callback的方式回传结果。

参考

        JSONP跨域问题的解决方法 | 该死的Hero

D选项：满足某些限制条件的情况下，页面是可以修改它的源。脚本可以将 document.domain 的值设置为其当前域或其当前域的父域。如果将其设置为其当前域的父域，则这个较短的父域将用于后续源检查。 注意：使用 document.domain 来允许子域安全访问其父域时，您需要在父域和子域中设置 document.domain 为相同的值。这是必要的，即使这样做只是将父域设置回其原始值。不这样做可能会导致权限错误。

 参考

        浏览器的同源策略 - Web 安全 | MDN