脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js设置document.domain实现跨域的注意点

js设置document.domain实现跨域的注意点分析

 更新时间：2015年05月21日 11:43:01   作者：yaoyuan_difang  
这篇文章主要介绍了js设置document.domain实现跨域的注意点,较为详细的分析了document.domain跨域的相关技巧,需要的朋友可以参考下

本文实例分析了js设置document.domain实现跨域的注意点。分享给大家供大家参考。具体分析如下：

document.domain
用来得到当前网页的域名。
比如在地址栏里输入：

复制代码 代码如下:
javascript:alert(document.domain); //www.jb51.net

我们也可以给document.domain属性赋值，不过是有限制的，你只能赋成当前的域名或者基础域名。
比如：

复制代码 代码如下:
javascript:alert(document.domain = "jb51.net"); //jb51.net
javascript:alert(document.domain = "www.jb51.net"); //www.jb51.net

上面的赋值都是成功的，因为www.jb51.net是当前的域名，而jb51.net是基础域名。

但是下面的赋值就会出来"参数无效"的错误：

复制代码 代码如下:
javascript:alert(document.domain = "cctv.net"); //参数无效
javascript:alert(document.domain = "www.jb51.net"); //参数无效

因为cctv.net与www.jb51.net不是当前的域名也不是当前域名的基础域名，所以会有错误出现。
这是为了防止有人恶意修改document.domain来实现跨域偷取数据。

利用document.domain 实现跨域：

前提条件：这两个域名必须属于同一个基础域名!而且所用的协议，端口都要一致，否则无法利用document.domain进行跨域

Javascript出于对安全性的考虑，而禁止两个或者多个不同域的页面进行互相操作。
相同域的页面在相互操作的时候不会有任何问题。

比如在：aaa.com的一个网页（a.html）里面 利用iframe引入了一个bbb.com里的一个网页（b.html）。
这时在a.html里面可以看到b.html里的内容，但是却不能利用javascript来操作它。因为这两个页面属于不同的域，在操作之前，js会检测两个页面的域是否相等，如果相等，就允许其操作，如果不相等，就会拒绝操作。
这里不可能把a.html与b.html利用JS改成同一个域的。因为它们的基础域名不相等。（强制用JS将它们改成相等的域的话会报跟上面一样的"参数无效错误。"）

所以如果在a.html里引入aaa.com里的另一个网页，是不会有这个问题的，因为域相等。

有另一种情况，两个子域名：

aaa.xxx.com
bbb.xxx.com

aaa里的一个网页（a.html）引入了bbb 里的一个网页（b.html），
这时a.html里同样是不能操作b.html里面的内容的。
因为document.domain不一样，一个是aaa.xxx.com，另一个是bbb.xxx.com。

这时我们就可以通过Javascript，将两个页面的domain改成一样的，
需要在a.html里与b.html里都加入：

复制代码 代码如下:
document.domain = "xxx.com";

这样这两个页面就可以互相操作了。也就是实现了同一基础域名之间的"跨域"。

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • 输入密码时检测大写是否锁定的js代码

    输入密码时检测大写是否锁定的js代码

    网站登录为了更好的用户体验都会在输入密码的时候检测是否开启大写。提醒用户。
    2011-02-02
  • JavaScript实现平滑滚动效果

    JavaScript实现平滑滚动效果

    页面平滑滚动是网页一种常见的效果,平滑滚动的原理其实很简单,无非就是让页面一种肉眼可见的速度从当前位置滚动到指定位置,那如何用原生的JS实现这也效果呢？本文给大家介绍了JavaScript实现平滑滚动效果,需要的朋友可以参考下
    2024-06-06
  • chatGPT教我写compose函数的详细过程

    chatGPT教我写compose函数的详细过程

    这篇文章主要介绍了chatGPT教我写compose函数,文中给大家介绍了chatGPT过程概略，本文结合实例代码图文给大家讲解的非常详细，需要的朋友可以参考下
    2023-02-02
  • ES6中Array.includes()函数的用法

    ES6中Array.includes()函数的用法

    这篇文章主要介绍了ES6中Array.includes()函数的用法,需要的朋友可以参考下
    2017-09-09
  • 微信小程序计算器实现案例详解

    微信小程序计算器实现案例详解

    最近继续玩一些微信小程序的api来做例子,感觉自己可能创造力不很足,只能模仿着别人的例子来做一个自己的计算器了,下面这篇文章主要给大家介绍了关于微信小程序计算器实现案例的相关资料,需要的朋友可以参考下
    2023-06-06
  • 不用ajax实现点击文字即可编辑的方法

    不用ajax实现点击文字即可编辑的方法

    本文给大家分享一段代码不使用ajax实现点击文字即可编辑的方法，代码简单易懂，需要的朋友参考下吧
    2007-12-12
  • JS实现旋转木马轮播图

    JS实现旋转木马轮播图

    这篇文章主要为大家详细介绍了JS实现旋转木马轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-01-01
  • uniapp实现全局变量的几种方式总结

    uniapp实现全局变量的几种方式总结

    这里说全局变量,着重指的是能够全局动态响应的情况,下面这篇文章主要给大家介绍了关于uniapp实现全局变量的几种方式,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-10-10
  • layui实现数据表格隐藏列的示例

    layui实现数据表格隐藏列的示例

    今天小编就为大家分享一篇layui实现数据表格隐藏列的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • JS瀑布流实现方法实例分析

    JS瀑布流实现方法实例分析

    这篇文章主要介绍了JS瀑布流实现方法,结合实例形式分析了javascript瀑布流加载图片效果的实现原理、步骤与相关操作技巧,需要的朋友可以参考下
    2016-12-12

最新评论