img的src引入外部图片的跨域

958 阅读1分钟

1.什么是同源?

协议相同

域名相同

端口相同


2.浏览器不同域名不能访问cookie 表单,但是内部的表单没有限制(跨站攻击)。


3.同源策略限制对象:

1.Cookie、LocalStorage 和 IndexDB无法读取。

2.DOM无法获得。

3.AJAX请求不能发送。


4.如何设置同源策略

test.xxx.com a.html

<script>

document.domain = ‘xxx.com’ //设置同源策略

document.cookie = ‘test1=hello’

</script>

test2.xxx.com b.html

<script>

document.cookie

</script>


5.突破同源策略

img

iframe

script(JSONP)

link (background,css攻击)


6.使用div进行布局,不要使用div进行无意义的包裹,span为常见的行内元素,无语义化。

名词解释:

 <dl>

       <dd></dd>

       <dt></dt>

</dl>

<ol></ol>

<ul></ul>


<header>

     <nav>

     </nav>

</header>

<div class="content">

      <section>

      </section>

      <aside>

      </aside>

      <address>

      </address>

</div>

<footer>

</footer>

7.少写html,减少dom渲染时间。

    一个div最少表现三个元素

8.CORS  跨源资源分享(CORS攻击)

    WebSocket PostMessage(iframe image)