javascript - DOM(不是实际文档时)

标签 javascript

好的,假设我去 http://www.google.com/intl/en_ALL/images/logo.gif ,这并不是真正的文档,而是我的浏览器中的图像。它还有文档对象吗?我可以在地址栏中使用 javascript: 吗?这有什么关系?谢谢。

最佳答案

快速浏览一下 Firebug 就会发现,确实有一个 DOM 和一个文档对象。例如,地址栏中的 javascript:alert(document.title) 给出“logo.gif(GIF 图像,276x110 像素)”。这是浏览器构建以下文档的结果:

<html>
    <head>
        <title>logo.gif (GIF Image, 276x110 pixels)</title>
    </head>
    <body>
        <img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="http://www.google.com/intl/en_ALL/images/logo.gif"/>
    </body>
</html>

Chrome 中也是如此(标题字符串略有不同); HTML 是

<html>
    <body style="margin: 0px;">
        <img style="-webkit-user-select: none" src="http://www.google.com/intl/en_ALL/images/logo.gif">
    </body>
</html>

在 IE 中,document.title 似乎为空,但 javascript:alert(document.body.clientWidth) 给出的结果等于文档的客户区域浏览器,所以看起来那里也有一个 DOM。 HTML 如下:

<html>
    <head>
        <title></title>
    </head>
    <body>
        <img src="http://www.google.com/intl/en_ALL/images/logo.gif" complete="complete"/>
    </body>
</html> 

关于javascript - DOM(不是实际文档时),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1082560/

相关文章:

javascript - JQuery 悬停在象限上

javascript - 可以将 math.max 用于对象数组吗?

javascript - 在文档滚动上更改 Div Css

javascript - 如何使用 javascript 更改文本框值

javascript - 如何在PHP中通过base64验证大小和图像扩展名?

javascript - Ember.js:如何使用模型的单个实例创建路由/ Controller

javascript - Angular/JavaScript 自动水合实例

php - Ajax for incorporated in the same div

javascript - 使用 Javascript 中的弹出窗口重定向到另一个 url

javascript - 如何通过 Mongoose 中的用户ID一次选择两个表(文档)值?