源码-JavaScript&jQuery交互式前端开发-第3章-函数、方法与对象-文档对象模型

来源：互联网发布：手机打电话录音软件编辑：程序博客网时间：2024/06/06 03:02

文档对象模型的最顶端对象是document对象，代表当前浏览器窗口或标签中载入的页面。

属性：title, lastModified, URL, domain

方法：write(), getElementById(), querySelectorAll(), createElement(), createTextNode()

示例：获取页面信息并显示到页脚

示例效果：

JS代码：

// Create a variable called msg to hold a message that will be shown on the page// Find the title of the document, and put this in the msg variablevar msg = '<p><b>page title: </b>' + document.title + '<br />';// Find the URL of the document and add it to the msg variablemsg += '<b>page address: </b>' + document.URL + '<br />';// Find the date the document was last modified and add it to the msg variablemsg += '<b>last modified: </b>' + document.lastModified + '</p>';// Create a variable called el to hold the element whose id attribute has a value of footervar el = document.getElementById('footer');// Write the message into that elementel.innerHTML = msg;

HTML代码：

<!DOCTYPE html><html>  <head>    <title>PD Hotel</title>    <link rel="stylesheet" href="css/c03.css" />  </head>  <body>    <h1>PD Hotel</h1>    <div id="footer"></div>    <script src="js/document-object.js"></script>  </body></html>

CSS代码：（参考源码-JavaScript&jQuery交互式前端开发-第3章-函数、方法与对象-使用字面量语法创建对象，http://blog.csdn.net/hpdlzu80100/article/details/52677426 ）

0 0