JS DOM编程艺术——显示文献来源链接表—— JS学习笔记2015-7-17(第86天)

function displayCitations(){
  // 取得所有引用
     var quotes = document.getElementsByTagName("blockquote");
     //遍历引用
     for( var i=0; i<quotes.length; i++){

         // 如果没有cite属性,继续循环
         if(!quotes[i].getAttribute("cite")) continue;
         // 保存cite属性
         var url = quotes[i].getAttribute("cite");
         // 取得引用中所有的元素节点
         var quoteChildren = quotes[i].getElementsByTagName("*");
         // 如果没有元素节点,继续循环
         if( quoteChildren.length < 1) continue;
         // 取得引用中的最后一个元素节点
         var elem = quoteChildren[quoteChildren.length-1];
         // 创建标记
         var link = document.createElement("a");
         var link_text = document.createTextNode("source");
         link.appendChild(link_text);
         var superscript = document.createElement("sup");
         superscript.appendChild(link);
         // 把标记添加到引用中的最后一个元素节点;
         elem.appendChild(superscript);
     }

 }

 addLoadEvent(displayCitations);
时间: 2024-08-05 19:35:37

JS DOM编程艺术——显示文献来源链接表—— JS学习笔记2015-7-17(第86天)的相关文章

JavaScript DOM编程艺术(第2版)学习笔记1(1~4章)

第一章 一些基本概念 HTML(超文本标记语言),构建网页的静态结构,由一系列的DOM组成: CSS(层叠样式表),给网页各部分结构添加样式: JavaScript,通过获取DOM给静态结构加上动作,使用户能够与静态网页进行交互: DOM,一种API(应用程序接口),通过这个接口动态的访问和修改结构或样式. 浏览器内核,即渲染引擎(rendering engine),造成不同浏览器之间存在兼容问题.渲染引擎负责对html和js文档进行解释并决定浏览器如何显示网页内容及样式.目前常用的几种浏览器引

JS DOM编程艺术——显示缩略语列表—— JS学习笔记2015-7-16(第85天)

缩略语列表函数 HTML 结构: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>显示缩略语列表</title> <style> body{ font-family: "Helvetiva", "

JS DOM编程艺术的学习—— JS学习笔记2015-7-5(第76天)

由于看高程3卡住了,所以现在在学习JS DOM编程艺术来巩固基础: 一.在看JS DOM 编程艺术的时候,有个作者提到的方法很实用, 就是在JS中变量和函数的命名方法:  变量的命名方法为使用下划线,比如: var temp_color = ['red','blue']; 函数就使用驼峰法,比如: function current_date(){}; 这样的习惯可以帮助理解,提高可读性,在理解变量和函数名的时候就很方便了: 二.还有个收获就是关于“对象”的理解又加深了 之前对于什么对象的属性,对

JS DOM编程艺术——JS图片库—— JS学习笔记2015-7-8(第79天)

DOM是一种适用于多种环境和多种程序设计语言的通用型API. 如果想要把本书(JS DOM编程艺术)学到的DOM技巧运用在web浏览器以外的应用环境里,严格遵守“第1级DOM”能够让你避免与兼容性有关的任何问题: tips:setAttribute是第1级DOM; 图片切换初级js: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/

JS DOM 编程艺术 随笔

DOM 最大的作用就是将整个文档通过节点树来展现.通过类似方法可以获取特定节点,并绑定js方法实现与人的交互. 1.通过dom方法,获取页面的元素(getElementsByTagName/id,通过class(getAttribute))2.获取元素之后,为他们绑定行为(点击/其他)的处理事件3.最后把所有函数绑定到window.onload()函数上面去 onload = function(){function1function2...} plus 小技巧: <a onclick=>函数

Javascript Dom编程艺术(第2版)读书笔记

Javascript Dom编程艺术这本书我看的是第2版的,真心觉得这本书不错,它将DOM编程的一些基本原则,及如何让Javascript代码在浏览器不支持的情况下,或浏览器支持了Javascript但用户禁用它的情况下做到平衡退化,让最基本的操作仍能顺利完成,以及如何让结构与样式分享做到真正的渐近增强叙述得很清楚,也很容易理解接受.我也是看了这本书之后,才对代码优化,结构,行为,样式有了进一步的加深理解. Javascript Dom编程艺术(第2版)读书笔记,布布扣,bubuko.com

JavaScript DOM 编程艺术(第2版)读书笔记 (8)

<!--这章的内容略奇怪啊!可能是因为我之前没有接触过这些知识点,等以后用到的时候再回来翻阅吧,现在先简要介绍一下 js权限还没通过,所以 jsfiddle演示代码没有显示出来 --> 缩略语 这段文本包含大量的缩略语,上面都已经用<abbr>标签把它们标识出来了. 有些浏览器会把文档中的缩略语(<abbr>标签)显示为带有下划线或下划点的文本,另一些浏览器则会把缩略语显示为斜体字. 缩略语(<abbr>标签)的title属性在浏览器里是隐藏的.有些浏览器会

&lt;书摘&gt;《JS DOM编程艺术》

2016/03/04 12:00 第一二章:JS的简史以及基本语法 1.P11 2.variable 3.P13 等于 4.P13 5.P14 转义字符 6.关联数组不是一个好习惯 7.P18 对象 8.P31  firefox和chrome的兼容性:+1900,IE好着呢: 第三章:强大的DOM编程 1.DOM:Document Object Model OR MAP(文档,对象,模型OR地图): 2.P40 中间 [请注意] 3.p42 上部分例子 4.案例研究:JavaScript图片库(

读《JavaScript dom编程艺术(第2版)》笔记

javascript代码必须通过HTML/XHTML文档才能执行,第一种方式是将js代码放到文档<head>标签之中的<script>标签之间:一种更好的方式是吧js代码存为一个扩展名为.js的独立文件,典型的做法是在文档的<head>部分放一个<script>标签,并把它的src属性指向该文件:但最好的做法是把<script>标签放到HTML文档的最后,<body>标签之前,这样能使浏览器更快的加载页面 ps:浏览器网页加载顺序:请