javascript - javascript如何获取其他网站的数据？

Question

嗯，我有点困惑..

我看到了一个名为 Zopim 的服务。他们所做的就是为您提供一小段代码:

比如

<!-- Start of Zopim Live Chat Script --> 
 <script type="text/javascript"> 
    document.write(unescape("%3Cscript src=\'" + document.location.protocol +
    "//zopim.com/?zopim\' type=\'text/javascript\'%3E%3C/script%3E"));
 </script>  
<!-- End of Zopim Live Chat Script --> 

您只需将其放在页脚中即可完成..

任何人都可以让我知道这是如何工作的以及我可以从哪里学习这个..

+

他们怎么能用这个来设置 CSS 以及外观呢？

等待您的回复...

谢谢

Answer 1

该代码正在创建对其服务器上托管的 Javascript 脚本的引用。页面上的引用允许该脚本通过 DOM(文档对象模型)访问页面上的所有元素(包括它们的样式)并更改它们。所有这一切都发生在用户的浏览器中。

编辑:这是一个例子。假设我的网站 http://www.mysite.com/myscript.js 上有一个脚本可以执行以下操作:

document.body.style.backgroundColor = "#00FFFF"

然后将其放在您的页面上:

<script type="text/Javascript">
    document.write("<script src='" + document.location.protocol + "://www.mysite.com/myscript.js'></script>");
</script>

然后，当用户加载您的页面并且用户的浏览器访问该代码时，它将写出引用我的脚本的脚本标记。然后它将处理该脚本标记，该标记基本上下载我的脚本(到用户的浏览器)并在您的页面(已经在用户的浏览器上)上运行它。反过来，我的脚本会更改文档(您的页面，在用户浏览器上运行)的背景颜色，因为它的行为就像它一直是您页面的一部分一样。

顺便说一句，您使用 document.write 而不是直接链接到我的脚本的原因是，如果您的页面使用 SSL，链接也会使用 SSL，因此用户不会'不会收到任何表明我的脚本不安全的烦人消息。