Blockquote cite 属性

Blockquote 对象

返回一个引用来源:

<p>这边引用了 WWF's 站点的内容:</p>
<blockquote id="myBlockquote" cite="http://www.worldwildlife.org/who/index.html">
  For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>
<p>点击下面的按钮，返回以上引用cite属性的值。</p>
<p id="demo"></p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var x = document.getElementById("myBlockquote").cite;
    document.getElementById("demo").innerHTML = x;
  }
</script>

尝试一下 »

---

定义与使用

cite 属性用于设置或者返回一个引用的cite属性值 。

cite 属性描述了引用的URL源地址。

注意： cite 属性在普通的 Web 浏览器中没有视觉效果，但可以通过屏幕阅读器使用。

---

浏览器支持

所有主流浏览器都支持 cite 属性。

---

语法

返回 cite 属性:

blockquoteObject.cite

设置 cite 属性:

blockquoteObject.cite=URL

属性值

值	描述
URL	引用的来源的 URL。 可能的值： 绝对 URL - 指向另一个网站（比如 cite="http://www.example.com"） 相对 URL - 指向网站内的一个页面（比如 cite="example.html"）

技术描述

返回值:	一个字符串, 原文档的URL地址。

---

更多实例

修改引用的 cite 属性值:

<p>这边引用了 WWF's 站点的内容:</p>
<blockquote id="myBlockquote" cite="http://www.worldwildlife.org/who/index.html">
  For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>
<p>点击下面的按钮，修改并返回以上引用cite属性的值。</p>
<p id="demo"></p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    document.getElementById("myBlockquote").cite = "http://www.cnn.com";
    document.getElementById("demo").innerHTML = "cite属性的值修改为 'www.cnn.com'.";
  }
</script>

尝试一下 »

---

相关页面

HTML 参考手册: HTML <blockquote> cite 属性

Blockquote 对象