丁德双的博客
用心的博客
document学习总结
2014-09-17 23:57:00   阅读629次

1.定义和用法
write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。

可列出多个参数(exp1,exp2,exp3,...) ,它们将按顺序被追加到文档中。

语法
document.write(exp1,exp2,exp3,....)

说明
虽然根据 DOM 标准,该方法只接受单个字符串作为参数。不过根据经验,write() 可接受任何多个参数。

我们通常按照两种的方式使用 write() 方法:一是在使用该方法在文档中输出 HTML,另一种是在调用该方法的的窗口之外的窗口、框架中产生新文档。在第二种情况中,请务必使用 close() 方法来关闭文档。
实例
<html>
<body>

<script type="text/javascript">
document.write("Hello World!");
</script>

</body>
</html>

2.定义和用法
writeln() 方法与 write() 方法作用相同,外加可在每个表达式后写一个换行符。

语法
document.writeln(exp1,exp2,exp3,....)提示和注释
提示:在编写 <pre> 标记的内容时,该方法很有用。
实例
<html>
<body>

<script type="text/javascript">
document.writeln("Hello World!");
</script>

</body>
</html>

3.定义和用法
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

语法
document.getElementByIdx_x_x(id)

说明
HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName_r()。

不过,如果您需要查找文档中的一个特定的元素,最有效的方法是 getElementById()。

在操作文档的一个特定的元素时,最好给该元素一个 id 属性,为它指定一个(在文档中)唯一的名称,然后就可以用该 ID 查找想要的元素。
实例
例子 1
<html>
<head>
<script type="text/javascript">
function getValue()
  {
  var x=document.getElementByIdx_x_x("myHeader")
  alert(x.innerHTML)
  }
</script>
</head>
<body>

<h1 id="myHeader" onclick="getValue()">This is a header</h1>
<p>Click on the header to alert its value</p>

</body>
</html>

例子 2
getElementById() 是一个重要的方法,在 DOM 程序设计中,它的使用非常常见。我们为您定义了一个工具函数,这样您就可以通过一个较短的名字来使用 getElementById() 方法了:

function id(x) {
  if (typeof x == "string") return document.getElementByIdx_x_x(x);
  return x;
  }
上面这个函数接受元素 ID 作为它们的参数。对于每个这样的参数,您只要在使用前编写 x = id(x) 就可以了。

4.定义和用法

title 属性可返回当前文档的标题( HTML title 元素中的文本)。

语法:

document.title

实例:

<html>
<head>
<title>My title</title>
</head> 

<body>
The title of the document is: 
<script type="text/javascript">
document.write(document.title)
</script>
</body>

</html>





-----------------------------------------------------
转载请注明来源此处
原地址:#

-----网友评论----
暂无评论
-----发表评论----
微网聚博客乐园 ©2014 blog.mn886.net 鲁ICP备14012923号   网站导航