看完javascript+DOM编程艺术，下面应该怎么继续学习。。。_course

《javascript+DOM编程艺术》看了将近一个多月了，这是本很好的入门书，接下来有人推荐看权威指南，感觉这本书不是很好。。。看起来也比较吃力，下面应该怎么继续学习。。。各位指点一下。

关于js给标签加onclick事件的问题_course

这是DOM编程艺术书上的一个例程： 就是在一个网页中点击链接，将网页中的图片替换，网页大致如下：  html源程序如下：  用两种方式写js文件： 1、  用这种方式写，每次点击显示的都是最后一幅图片 2、  用这种方式写就没有问题 请问两者的区别在哪里？其中的工作过程和原理是怎样的？

javascriptDOM元素查找 _course

javascript 编程艺术课本中; 语句：<abbr><em>DOM</em></abbr> 要获取DOM内容，运用的语句是先得到<abbr>元素，假设为define.则define.lastChild.nodeValue. 怎么感觉不能这样啊！求解答。。

dom编程艺术第六章 我照着书中打代码。结果js代码好像无效 大家帮我看看哪错了_course

 正常的点击应该是改变下面占位符的图片。但是我这个好像js代码失效了一样，点击的时候直接新打开链接里的新窗口了

关于dom编程艺术动画部分一句代码的解释问题_course

``` 我把有关的贴出来。全部代码在最下面 function moveElement(elementID,final_x,final_y,interval) {..... var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")"; movement = setTimeout(repeat,interval);}....... 中间那条代码为什么要这么复杂。我看倒是能看懂，repeat就是一个函数字符串化，因为setTimeout第一个参数要是字符串 可为什么不这么写var repeat = "moveElement(elementID,final_x,final_y,interval) "; 我这也是个字符串。去掉引号就是原函数 function moveElement(elementID,final_x,final_y,interval) { if (!document.getElementById) return false; if (!document.getElementById(elementID)) return false; var elem = document.getElementById(elementID); var xpos = parseInt(elem.style.left); var ypos = parseInt(elem.style.top); if (xpos == final_x && ypos == final_y) { return true; } if (xpos < final_x) { xpos++; } if (xpos > final_x) { xpos--; } if (ypos < final_y) { ypos++; } if (ypos > final_y) { ypos--; } elem.style.left = xpos + "px"; elem.style.top = ypos + "px"; var repeat = moveElement(elementID,final_x,final_y,interval); movement = setTimeout("repeat",interval); } ```

html加载js文件为何会影响结果_course

我在看javascript dom编程艺术的时候，第十章的第二个程序，在html中导入J文件，居然因为没有把addLoadEvent.js放在第一位出错。就是这样是对的。 <script type="text/javascript"src="addLoadEvent.js"></script> <script type="text/javascript"src="prepareSlideshow.js"> </script> <script type="text/javascript"src="moveElement.js"> </script> 要是把<script type="text/javascript"src="addLoadEvent.js"></script>放在第二行就不能实现功能 求解答疑惑 ``` ```

微信小程序如何读取本地的pdf并将内容显示出来_course

在使用微信小程序测试downloadfine()这个API，想通过设置这个函数的url的参数为本地的 一本pdf书籍的路径，然后用Opendocument()这个API来打开这个pdf,当运行后，提示说 WAService.js:3 downloadFile:fail createDownloadTask:fail invalid url，理解是路径无效 用来测试的路径是这个： var url ="../../books/JavaScript\_DOM编程艺术.pdf"; 请问一下这么写错在哪了？pdf书籍的路径没写错。

addLoadEvent函数 使用的问题_course

我对照《javascript Dom 编程艺术》学习，在第十章的例子中，我感觉是addLoadEvent函数放的位置不对，希望大神们能帮帮我 ， 谢谢！！！     提前说声谢谢了

使用iscroll5的scrollTo遇到问题_course

使用iscroll5做手机WEB的列表，列表本身不复杂，测试数据也只有三十几条。 从服务器取数据后生成#scroller内部的DOM后，无论是否myscroll.refresh，无论refresh在scrollTo的前面还是在后面甚至是refresh一前一后执行两次(为refresh和scrollTo都安排了定时N百毫秒执行，且时间设置保证了执行顺序)，都会遇到如下问题：滚动能到位，但是，手指上滑或者下滑到第三次的时候（无论间隔多久），列表才开始滚动，折腾很久也没解决，这种体验无法忍受，还请大神指点。

我修改了一个javascript函数，功能一样，但不能正常运行 。_course

原函数来自《Javascript DOM 编程艺术（第二版）》 这里是原函数： http://paste.ubuntu.com/8963863/ 相对应的HTML代码和另外两个运行所需的函数如下： HTML： http://paste.ubuntu.com/8964733/ 两个运行要调用的函数： http://paste.ubuntu.com/8964726/ http://paste.ubuntu.com/8964748/ 以下是我修改之后的函数，我检查后觉得没有问题，但不能运行，不知道是哪里错了， http://paste.ubuntu.com/8963930/

javascript addLoadEvent函数为什么在页面加载后调用的函数没有执行_course

``` # 函数如下 function addLoadEvent(func){ var oldonload=window.onload; if(typeof window.onload !='function'){ window.onload=func; } else{ window.onload=function(){ oldonload(); func(); } } } ``` ``` ``` function loadEvents() { // home prepareSlideshow(); // about prepareInternalnav(); // photos preparePlaceholder(); prepareGallery(); // live stripeTables(); highlightRows(); displayAbbreviations(); // contact focusLabels(); prepareForms(); } ``` ``` // Load events addLoadEvent(highlightPage); addLoadEvent(loadEvents); ``` 函数我可以保证没写错，我是在看javasript DOM编程艺术这边书12章编写的时候出的问题，函数没有被执行，我试过火狐断点调试，并没有看出什么错误。。 ```

android向webview加载的页面中填充账号密码并且自动登陆遇到问题求解_course

``` public static String LOGIN = "http://ui.ptlogin2.qq.com/cgi-bin/login?appid=46000101&style=8&lang=&low_login=1&hide_title_bar=1&hide_close_icon=1&daid=6&hln_css=http://mat1.gtimg.com/www/mb/images/logo244x100.png&s_url=http%3A%2F%2Fw.t.qq.com%2Ftouch"; final String tencent_url = LOGIN; try { String js = FileUtils.readAssetsFile("oauthfortencent.js", TencentWeiboActivity.this); js = js.replace("%u%", tAccount).replace("%p%", tPassword); Document dom = Jsoup.connect(LOGIN).get(); html = dom.toString(); html = html.replace("</head>", js + "</head>") .replace("action-type=\"submit\"", "action-type=\"submit\" id=\"submit\""); return html; } catch (Exception e) { e.printStackTrace(); } mWebView.loadDataWithBaseURL("http://open.qq.com/", html, "text/html", "UTF-8", ""); ``` js代码： <script type="text/javascript"> function fillAccount(){ document.getElementById("u").value = '%u%'; document.getElementById("p").value = '%p%'; document.getElementById("go").click(); } </script> 原本网页应该是这样子的  填充之后  而且登录按钮不能被点击 我应该怎么弄才可以，谢谢

JavaScript DOM编程艺术问题_course

新手初学JavaScript，第十章moveElement实验是碰到一个error， moveMessage的第三行报Uncaught TypeError: Cannot read property 'style' of nullmoveElement,自己尝试了一下断点调试，发现第一次运行moveMessage函数不会报错，第二次递归调用的时候就会报这个错，新人求助,html代码传上来标签就看不到了，无奈只好发图  addLoadEvent.js: function addLoadEvent(func){ var oldonload = window.onload; if(typeof window.onload != 'function'){ window.onload = func; }else{ window.onload = function(){ oldonload(); func(); } } } moveElement.js: function moveElement(elementID,final_x,final_y,interval){ var elem = document.getElementById(elementID); var xpos = parseInt(elem.style.left); var ypos = parseInt(elem.style.top); if(xpos == final_x && ypos == final_y){ return true; } if(xpos < final_x){ xpos++; } if(ypos < final_y){ ypos++; } if(xpos > final_x){ xpos--; } if(ypos > final_y){ xpos--; } elem.style.left = xpos + "px"; elem.style.top = ypos + "px"; var repeat = "moveElement('" +elementID+ "'," +final_x+ "," +final_y+ "," +interval+ ")"; movement = setTimeout(repeat,interval); } addLoadEvent(moveElement); positionMessage.js: function positionMessage(){ var elem = document.getElementById("message"); elem.style.position = "absolute"; elem.style.left = "50px"; elem.style.top = "100px"; moveElement("message",200,100,10); } addLoadEvent(positionMessage);

dom编程艺术中的一段代码为什么会报错。 大神帮我看一下为什么一直显示15行有错_course

 js 源码 ``` function addLoadEvent(func) { var oldOnLoad = window.onload; if (typeof oldOnLoad != 'function') { window.onload = func; } else { window.onload = function () { oldOnLoad(); func(); } } } function insertAfter(newElement,targetElement) { var parent = targetElement.parentNode; if (parent.lastChild == targetElement) { parent.appendChild(newElement) } else { parent.insertBefore(newElement, targetElement.nextSibling) } } function preparePlaceholder() { var placeHolder = document.createElement("img"); placeHolder.setAttribute("id","placeHolder"); placeHolder.setAttribute("src","images/placeholder.gif"); placeHolder.setAttribute("alt","My Image Gallery"); var despription = document.createElement("p"); despription.setAttribute("id","description"); var text = document.createTextNode("Choose an image"); despription.appendChild(text); var gallery = document.getElementById("imageGallery"); insertAfter(placeHolder,gallery); insertAfter(despription,placeHolder); } function prepareGallery() { var links = document.getElementsByTagName("a"); for (var i = 0;i < links.length;i++){ links[i].onclick = function () { showPic(this); return false; } } } function showPic(whichPic) { var source = whichPic.getAttribute("href"); var goal = document.getElementById("placeholder"); goal.setAttribute("src",source); var text = whichPic.getAttribute("title"); var description = document.getElementById("description"); description.firstChild.nodeValue = text; } addLoadEvent(prepareGallery); addLoadEvent(preparePlaceholder); ``` html源码 ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>gallery_practise</title> <script type = "text/javascript" src= "Scrips/showPic.js"></script> </head> <body> <h1>Snapshots</h1> <ul id="imagegallery"> <li> <a href="images/fireworks.jpg" title = " fireworks look beautiful">Fireworks</a> </li> <li> <a href="images/coffee.jpg " title = "coffee tastes delicious" >Coffee</a> </li> <li> <a href="images/rose.jpg " title = "rose i want to give my girlfriend" >Rose</a> </li> <li> <a href="images/bigben.jpg " title="bigben is a big clock" >Bigben</a> </li> </ul> </body> </html> ```

设计HTML和JavaScript程序，实现客户端数据验证，并通过DOM方法获取表单中输入的数据。设计HTML和JavaScript程序，实现客户端数据验证，并通过DOM方法获取表单中输入的数据。_course

具体功能要求： a.对文本框中输入的数据进行检查，如果数据为空置或者内容不符合要求，点击按钮则给出提示  b.当文本框中输入的内容正确，点击按钮，按钮下方就呈现输入的内容。 

DOM编程艺术课本中实现动画函数的一个问题_course

``` function moveElement(elementID,final_x,final_y,interval){ //alert("moveElement"); i++; if(!document.getElementById) return false; if(!document.getElementById(elementID)) return false; var elem = document.getElementById(elementID); // alert(elem.style.left); // if(elem.movement){ // clearTime(elem.movement); // } if(!elem.style.left){ elem.style.left = "0px"; } if(!elem.style.top){ elem.style.top = "0px"; } var xpos =parseInt(elem.style.left);//alert(xpos); var ypos =parseInt(elem.style.top);//alert(ypos); if(xpos==final_x&&ypos==final_y){ //alert("true"); return true; } //alert("xpos="+xpos+"final_x="+final_x); if(xpos<final_x){ var dist = Math.ceil((final_x-xpos)/10); xpos=xpos+dist; } if(xpos>final_x){ //alert("xpos="+xpos+"final_x="+final_x); var dist = Math.ceil((xpos-final_x)/10); xpos=xpos-dist; //alert("xpos="+xpos+"dist="+dist); } if(ypos<final_y){ var dist = Math.ceil((final_y-ypos)/10); ypos=ypos+dist; } if(ypos>final_y){ var dist = Math.ceil((ypos-final_y)/10); ypos=ypos-dist; } elem.style.left = xpos + "px" ;//alert(xpos); elem.style.top = ypos + "px" ; //alert(Math.abs(xpos)); var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")"; elem.movement = setTimeout(repeat,interval); } ``` repeat怎样理解啊，求赐教

《JavaScript DOM编程艺术》一书中关于用DOM脚本设置样式出现的问题_course

根据书中代码，在用DOM脚本设置样式之后紧挨h1标题后的一个兄弟元素的内容应根据 js文档中的设定进行改变，但是我的浏览（Chrome）没有出现相应变化，附上代码及页面显示： ``` function styleHeaderSiblings(){ if(!doucument.getElementsByTagName) return false; var headers = document.getElementsByTagName('h1'); var elem; for(var i=0;i<headers.length;i++){ elem = getNextElement(headers[i].nextSibling); elem.style.fontWeight = "bold"; elem.style.fontSize = "1.2em"; elem.style.color = "red"; } } function getNextElement(node){ if(node.nodeType == 1){ return node; } if(node.nextSibling){ return getNextElement(node.nextSibling); } return null; } window.onload = styleHeaderSiblings; ``` ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Man bites dog</title> </head> <body> <h1>Hold the front page</h1> <p>This first paragraph leads you in.</p> <p>Now you get the nitty-gritty of the story.</p> <p>The most important information is delivered first.</p> <h1>Extra! Extra!</h1> <p>Further developments are unfolding.</p> <p>You can read all about it here.</p> <script type = "text/javascript" src="scripts/styleHeaderSiblings.js"></script> </body> </html> ``` 

Python selenium，无法定位页面中的日期选择框，尝试用JS关掉只读失败？_course

0、这是需要定位的位置： ``` <input class="form-control listDate startDate" readonly="readonly" name="startDate" value="" type="text"> ``` 1、Python selenium，无法定位页面中的日期选择框，面向百度编程后发现可能是句柄的位置不对，于是加上了 ``` el_iframe=el_ywjg=browser.find_element_by_id('frame_content') browser.switch_to.frame('frame_content') ``` 2、仍然定位不到日期选择框，继续搜索后觉得可能是因为“readonly”属性，于是决定使用js去掉，但是这个框没有Id，于是换用getElementsByName（半路出家，完全不懂js，不知道对不对），于是变成了 ``` js="document.getElementsByName('startDate').removeAttribute('readonly')" browser.execute_script(js) ``` _报错：TypeError: document.getElementsByName(...).removeAttribute is not a function 3、查菜鸟教程发现“HTML DOM Document 对象方法”中，document.getElementById()返回的是一个对象，而我用的getElementsByName()返回的是一个对象集合，所以加上了一个[0]，变成： ``` js="document.getElementsByName('startDate')[0].removeAttribute('readonly')" browser.execute_script(js) ```__ _TypeError: document.getElementsByName(...)[0] is undefined 无计可施了，而且这个问题去搜索都搜不出来了……请各位前辈指教。_

关于javascript 中的addLoadEvent重复实现函数问题_course

最近学习javascript的时候看的Javascript DOM编程艺术，中间作者提到了addLoadEvent() 函数，用来在页面加载完成后调用函数。 但发现有个函数会调用两次，求解答。 html文件代码： ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Hello</title> </head> <body> <script src="../script/addLoadEvent.js"></script> <script src="../script/new_file.js"></script> <script src="../script/new_file1.js"></script> </body> </html> ``` js代码： addLoadEvent.js ``` function addLoadEvent(func) { var oldonload = window.onload; if(typeof window.onload != 'function') { window.onload = func; } else { oldonload(); func(); } } ``` new_file.js代码： ``` function fun1() { alert("fun1"); } addLoadEvent(fun1); ``` new_file1.js代码： ``` function fun2() { alert("fun2"); } addLoadEvent(fun2); ``` 运行时，会出现两次fun1 一直不懂，求大神解答

Javascript中moveElement函数为什么总是无效？_course

照着Javascript DOM编程艺术打的，但是总是不能显示出移动的效果，我获取打印元素的位置，坐标值已经改变了，但是就是位置不移动  ``` function moveElement(elementID, final_x, final_y, interval) { if (!document.getElementById) return false; if (!document.getElementById(elementID)) return false; var elem = document.getElementById(elementID); if (elem.movement) { clearTimeout(elem.movement); } if (!elem.style.left) { elem.style.left = "0px"; } if (!elem.style.top) { elem.style.top = "0px"; } var xpos = parseInt(elem.style.left); var ypos = parseInt(elem.style.top); if (xpos == final_x && ypos == final_y) { return true; } if (xpos < final_x) { var dist = Math.ceil((final_x - xpos) / 10); xpos = xpos + dist; } if (xpos > final_x) { var dist = Math.ceil((xpos - final_x) / 10); xpos = xpos - dist; } if (ypos < final_y) { var dist = Math.ceil((final_y - ypos) / 10); ypos = ypos + dist; } if (ypos > final_y) { var dist = Math.ceil((ypos - final_y) / 10); ypos = ypos - dist; } elem.style.left = xpos + "px"; elem.style.top = ypos + "px"; var repeat = "moveElement('" + elementID + "'," + final_x + "," + final_y + "," + interval + ")"; elem.movement = setTimeout(repeat.interval); } ``` 在另一个制作图片切换效果的例子也是，图片不移动  ``` function prepareSlideshow() { if (!document.getElementsByTagName) return false; if (!document.getElementById) return false; if (!document.getElementById("intro")) return false; var intro = document.getElementById("intro"); var slideshow = document.createElement("div"); slideshow.setAttribute("id", "slideshow"); var preview = document.createElement("img"); preview.setAttribute("src", "images/slideshow.jpg"); preview.setAttribute("alt", "a glimpse of what awaits you"); preview.setAttribute("id", "preview"); slideshow.appendChild(preview); insertAfter(slideshow, intro); var links = intro.getElementsByTagName("a"); var destination; for (var i = 0; i < links.length; i++) { links[i].onmouseover = function() { destination = this.getAttribute("href"); if (destination.indexOf("index.html") != -1) { moveElement("preview, 0, 0, 5"); } if (destination.indexOf("about.html") != -1) { moveElement("preview, -150, 0, 5"); } if (destination.indexOf("photos.html") != -1) { moveElement("preview, -300, 0, 5"); } if (destination.indexOf("live.html") != -1) { moveElement("preview, -450, 0, 5"); } if (destination.indexOf("contact.html") != -1) { moveElement("preview, -600, 0, 5"); } } } } ```