引用 cite 属性

引用对象

返回一个引用来源:

<p>这边引用了 WWF's 站点的内容:</p>
<p>世界自然基金会的目标是:
  <q id="myQuote" cite="http://www.wwf.org">
建立一个未来,人们与自然和谐相处。</q> 我们希望他们成功。
</p>
<p>点击下面的按钮，返回以上引用cite属性的值。</p>
<p id="demo"></p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var x = document.getElementById("myQuote").cite;
    document.getElementById("demo").innerHTML = x;
  }
</script>

尝试一下 »

---

定义与使用

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

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

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

---

Browser Support

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

---

语法

返回 cite 属性：

quoteObject.cite

设置 cite 属性：

quoteObject.cite=URL

属性值

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

技术描述

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

---

更多实例

修改引用的 cite 属性值:

<p>这边引用了 WWF's 站点的内容:</p>
<p>世界自然基金会的目标是:
  <q id="myQuote" cite="http://www.wwf.org">
建立一个人们与自然和谐相处的未来。</q> 我们希望他们成功。
</p>
<p>点击下面的按钮，修改以上引用cite属性的值。</p>
<p id="demo"></p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    document.getElementById("myQuote").cite = "http://www.cnn.com";
    document.getElementById("demo").innerHTML = "cite属性值修改为 'www.cnn.com'.";
  }
</script>

尝试一下 »

相关页面

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

---

引用对象