怎么在<div>里调用js函数

从网上找的正计时代码

`<script type="text/javascript" language="javascript">
function thenceThen(timespan) {
var date1 = new Date(timespan);
var totalSecs = (new Date() - date1) / 1000;
var days = Math.floor(totalSecs / 3600 / 24);
var hours = Math.floor((totalSecs - days * 24 * 3600) / 3600);
var mins = Math.floor((totalSecs - days * 24 * 3600 - hours * 3600) / 60);
var secs = Math.floor((totalSecs - days * 24 * 3600 - hours * 3600 - mins * 60));
document.getElementById("thenceThen").innerText = timespan + "距今:" + days + "天" + hours + "小时" + mins + "分钟" + secs + "秒";
}
var clock;
window.onload = function() {
clock = self.setInterval("thenceThen('2016/06/08')", 500);
}


效果如下
![图片说明](https://img-ask.csdn.net/upload/201607/19/1468860482_813666.png)

我想把以上的天、时、分、秒单独放在下面的几个<div>里,让每个框显示对应的数据


                        <div class="dash days_dash wow zoomIn" data-wow-delay="0.4s">
                            <div class="digit"> </script></div>
                            <span class="dash_title">days</span>
                        </div>
                        <div class="dash hours_dash wow zoomIn" data-wow-delay="0.5s">
                            <div class="digit">hours</div>
                            <span class="dash_title">hours</span>
                        </div>
                        <div class="dash minutes_dash wow zoomIn" data-wow-delay="0.6s">
                            <div class="digit">mins</div>
                            <span class="dash_title">minutes</span>
                        </div>
                        <div class="dash seconds_dash wow zoomIn" data-wow-delay="0.7s">
                            <div class="digit">secs</div>
                            <span class="dash_title">seconds</span>
                        </div>

![图片说明](https://img-ask.csdn.net/upload/201607/19/1468860546_102250.png)

请问代码要如何删改?

3个回答

按照你上面的写法是在div里面放入span ,在span中显示日期
你可以给每个span定义ID,然后通过ID给span赋值进去
document.getElementById("spanID").innerText =days;

qq_32053361
半糖主义097 回复HeIloWorld: 没事,共同学习
3 年多之前 回复
Admin_HelloWorld
HeIloWorld 解决了,谢谢啊~
3 年多之前 回复

使用document.write("");输出

容器加id,分别设置下不就行了

 document.getElementById("天容器id").innerHTML = days 
document.getElementById("小时id").innerHTML = hours
//........
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
js内父级函数调用子函数出现函数未定义问题
首先定义了一个全局函数Locating,又在Locating内定义了一个局部函数pageScroll,然后我全局函数调用pageScroll时,报错Uncaught ReferenceError: pageScroll is not defined。 ``` function Locating(locate,time){ console.log(locate+' -- '+time); var div_locate=document.getElementById(locate); var window_top_y = document.body.scrollTop;//获取滚动条顶部距离页面顶部的距离 var element_top_y = div_locate.offsetTop;//获取某元素顶部距离页面顶部的距离 var distance = window_top_y-element_top_y;//当前窗口与顶部的距离 var time = time; var move_distance = time>50?Math.ceil((distance/Math.ceil(time/50))):distance;//每次移动的距离 //每次移动的位移应为distance/duration,要移动的位置为element_top_y, function pageScroll() { var top = document.body.scrollTop;//获取滚动条顶部距离页面顶部的距离 var dis_top = top - element_top_y; window.scrollBy(0,-move_distance); scrolldelay=setTimeout('pageScroll()',50); if(dis_top<=0){ clearTimeout(scrolldelay); } // console.log(dis_top); } pageScroll(); } ``` 请问除了将pageScroll定义为全局的函数,各位前辈还有哪些其他解决方法可以借鉴学习一下的
如何在点击一个<div>时去执行一个javascript里的函数?
例如,我在body上面的script里写了一个函数 如果在body里有个input type="submit" value="调用函数a",点击就能 调用,但我将它改成div id="a" onclick="a()"调用函数a/div,为什么就调用不了了? ``` <script> function a(){ ... } </script> <body> <form action="${pageContext.request.contextPath }/login.action" method="post" onsubmit="return a()"> <input type="submit" value="调用函数a"/> <!-- 没法调用--> <!--<div id="a" onclick="a()">调用函数a</div>--> </form> </body> ```
jsp中怎么让在前一个div的js中调用后一个div的js中的函数?
如题,在jsp页面有三个div a,b,c想让a中的一个函数调用b中的一个函数,然后b中的这个函数,调用c的一个函数,有方法实现么?
javascript中方法重载,方法同名,参数列表不同,调用函数的时候到底调用哪个函数?
直接看下面的代码! javascript代码中有3个hello函数,函数名相同,但是参数列表不同,3个按钮的点击事件,经过测试,alert弹出的都是带2个参数的,后来我将这3个同名的函数,调换了顺序位置,发现一个规律,这3个同名的重载方法,哪个方法在最后,那3个按钮的点击事件不管是调用无参hello函数还是调用1个参数的hello函数还是调用2个参数的hello函数,都是调用的最后一个顺序位置的hello函数,可见javascript中的方法重载是跟方法出现的顺序位置有关系,我这样理解不知道对不对! 请大家说说自己的理解和自己知道的javascript重载的知识点!以前我也一直没注意javascript中方法重载的这个问题! ``` <html> <head> <meta charset="UTF-8"> <title>javascript中的方法重载的疑惑?</title> <script type="text/javascript"> function hello() { alert("我是无参数的hello()函数!"); } function hello(userName) { alert("我是带1个参数的hello(userName)函数!" + " - " + userName); } function hello(userName, age) { alert("我是带2个参数的hello(userName, age)函数!" + " - " + userName + " - " + age); } </script> </head> <body> <div align="center"> <h2>javascript中的方法重载的疑惑?</h2> <input type="button" value="js方法重载(1个参数)" onclick="hello('令狐冲')"> <input type="button" value="js方法重载(2个参数)" onclick="hello('韦小宝', 16)"> <input type="button" value="js方法重载(无参数)" onclick="hello()"> </div> </body> </html> ```
HTML中使用JS函数通过id调用div,但一直显示()is not a function
```<head> <style> body{ background-color:#B0B0B0 } .header{ background-color:#000000; width:100%; height:100px; } #left{ background-color:#FF0000; width:15%; height:700px; } </style> </head> <body > <div class="header"></div> <div id="left" onmouseover="hidden()"></div> <script> function hidden(){ document.getElementById("left").style.backgroundColor="#FFFFFF"; } </script> </body> ```Uncaught TypeError: hidden is not a function onmouseover @ index.html:26
在同一个html页面中,自己拼接的html代码,调用js函数,参数值变 了
<div class="iteye-blog-content-contain" style="font-size: 14px;"> <pre name="code" class="js">&lt;script type="text/javascript"&gt; $(document).ready(function(){ $.ajax({ type:"POST", url: "../news.do?reqCode=showNewsInHtml&amp;postType=1"+"&amp;currentPage=1", dataType:"json", error: function(data){ var objJson = eval( "(" + data.responseText + ")" );//转换后的JSON对象 var pageSize = 10; var totalCount = objJson.TOTALCOUNT; $('#countnews').text(totalCount);//共有多少条新闻数据 // eval("window.totalPages = new Object();"); window.totalPages = parseInt(totalCount / pageSize + (totalCount % pageSize == 0 ? 0 : 1));//每页10条,共有多少页 //alert(totalPages); $('#countpages').text(totalPages);//共有多少页 options.totalPages = totalPages; $('#paging').bootstrapPaginator(options); var totalString = objJson.ROOT; var bb =$(document).find("#newslist"); for ( var i = 0; i &lt; totalString.length; i++) { var j = i + 1; bb.append( "&lt;tr&gt;&lt;td bgcolor='#FFFFCC'&gt;"+ j +"&lt;/td&gt;&lt;td bgcolor='#FFFFCC' &gt;&lt;a href='#' onclick='return <span style="color: #ff0000;">showNewsContent("+totalString[i].newsid +")'&gt;"</span> + totalString[i].newsname + "&lt;/a&gt;&lt;/td&gt;" + "&lt;td bgcolor='#FFFFCC'&gt;" + totalString[i].newsinputtime + "&lt;/td&gt;" + "&lt;/tr&gt;"); //alert(totalString[i].newsid); } } }) }); &lt;/script&gt; &lt;script type="text/javascript"&gt; function <span style="color: #ff0000;">showNewsContent(newsid)</span>{ // alert(newsid); $.ajax({ type:"POST", url: "../news.do?reqCode=showNewsDetailInHtml&amp;postType=1"+"&amp;newsid="+ newsid, dataType:"json", success: function(data){ var aa =$(document).find("#newscontent"); $("#newscontent ").empty(); var i = 0; aa.append( "&lt;div class='container2'&gt;&lt;a href='news.html'&gt;&lt;h4&gt;新闻列表&lt;/h4&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class='container2'&gt;&lt;h2 style='text-align:center;'&gt;"+data[i].newsname+ "&lt;/h2&gt;&lt;/div&gt;&lt;div class='container2' style='height:1px;background-color:blue;''&gt;&lt;/div&gt;" +"&lt;div class='container2'&gt;"+ data[i].newscontent +"&lt;/div&gt;&lt;div class='container2' style='text-align:right;'&gt;&lt;span &gt;&lt;/br&gt;&lt;/br&gt;来源:"+ data[i].newsresource +"&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;发布时间:"+data[i].newsinputtime+"&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;"); } }); } &lt;/script&gt;</pre> <p> 在如上代码中,首先拼接出新闻列表的html代码,当点击标题是,调用<span style="color: #ff0000; line-height: 1.5;">showNewsContent(newsid)</span><span style="color: #000000;">传入的参数newsid值有时错误有时对,搞了一晚上也没找到原因</span></p> </div>
如何将数组元素写入固定的div中
请教个js的问题。有一个js数组。数组元素是对象。每个对象有名字,经纬度属性。想通过调用js函数将所有数组元素中的名字在一个div中输出。并且点击每个名字的时候又把对应的经纬度作为参数调用另外一个js函数。如何实现?用innerText不行。
在html中调用js文件(无路径错误和书写错误),但js中的函数无法执行
我在html中调用js文件 <script type="text/javascript" src="Question_Manage.js"></script> 这个文件中有5个函数,其中有一个函数已经可以用了,但是这个文件中的另外两个函数在调用 的时候却没有反映,具体代码如下 **html代码** <!-- `<div id="dx" style="display:none"><!--单选题--> <form name="form_dx" action="#" method="post" onSubmit="return SubQuestion('dx');" > <input type="hidden" value="<%=Task_ID %>" name="Task_ID" /> <input type="hidden" value="" name="Q_body" /> <input type="hidden" value="" name="RightAnswer" /> <p>问题:</p> <textarea rows="1" name="Q_head" cols="40" onpropertychange="this.style.posHeight=this.scrollHeight"></textarea> <br/><br/> <p>选项:</p> <ul id="ulAnswer_dx"> <li><input type="radio" name="radio" value="A"/>A<input type="text" name="Answer" /></li> <li><input type="radio" name="radio" value="B"/>B<input type="text" name="Answer" /></li> <li><input type="radio" name="radio" value="C"/>C<input type="text" name="Answer" /></li> <li><input type="radio" name="radio" value="D"/>D<input type="text" name="Answer" /></li> </ul> <input type="button" name="MoreAnswer" value="增加选项" onClick="MoreAnswer('dx');" /> <input type="button" name="LessAnswer" value="减少选项" onClick="LessAnswer('dx');" /> <input type="submit" value="添加题目" /> </form> </div>`` --> **html代码解释** SubQuestion('dx')这个函数也在Question_Manage.js中,就是它能用 但是MoreAnswer('dx')和LessAnswer('dx')这两个函数不能用 **js代码** function MoreAnswer(type){ alert("this is alert");//用来测试该函数有没有调用的临时警告 switch(type){ case "dx": var ul = document.getElementById("ulAnswer_dx"); var lis = ul.getElementsByTagName("li"); var sign = document.createElement("p"); sign.style.display = "inline"; sign.innerHTML = String.fromCharCode(i.length+65); var inputTitle=document.createElement("input"); inputTitle.setAttribute("type", "radio"); inputTitle.setAttribute("name", "radio"); inputTitle.setAttribute("value",'String.fromCharCode(lis.length+65)'); var input=document.createElement("input"); input.setAttribute("name","Answer"); input.setAttribute("type","text"); var li=document.createElement("li"); li.appendChild(inputTitle); li.appendChild(sign); li.appendChild(input); ul.appendChild(li); break; case "marked": var ul=document.getElementById("ulAnswer_marked"); var li=document.createElement("li"); var textArea=document.createElement("textarea"); textArea.setAttribute("rows", "1"); textArea.setAttribute("name", "Answer"); textArea.setAttribute("cols","100"); li.appendChild(textArea); ul.appendChild(li); break; default: break; } } function LessAnswer(type){ switch(type){ case "dx": var ul = document.getElementById("ulAnswer_dx") if(ul.firstChild.nextSibling == ul.lastChild){ alert("已减至最后一项"); }else{ ul.removeChild(ul.lastChild); } break; case "marked": var ul = document.getElementById("ulAnswer_marked") if(ul.firstChild.nextSibling == ul.lastChild){ alert("已减至最后一项"); }else{ ul.removeChild(ul.lastChild); } break; } } **js代码解释** MoreAnswer(type)和 LessAnswer(type)是用来增加和删除html中的元素,但现在这两个函数却在点击按钮的时候无法调用
js 弄了2个一样的函数名,优先解析哪一个?
csdn1.js中有函数 function csdn(){ XXX1 } csdn2.js中也有函数 function csdn(){ XXX2 } 那么html同时调用了csdn1.js和csdn2.js,在页面中 <div> <script>csdn();</script> </div> 会先解析哪个函数?
javascript函数返回的一个奇怪的现象
HTML代码: [code="HTML"] <!Doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>2.2.1</title> <style type="text/css"> h2{ text-align: center; color: #666; text-shadow: 2px 2px 2px #eee; margin: 10px;} body{ margin:0px; padding:0px; background-color: #DDD;} #canvas{ width: 600px; height: 600px; position:relative; margin:0px auto; padding:10px; background-color: #999; border: 10px solid #F40; box-shadow: 1px 1px 10px #f60; } </style> <script type="text/javascript" src="js/util.js"></script> <script type="text/javascript"> window.onload=function(){ var can=document.getElementById('canvas'); var mouse1=captureMouse(can); can.onmousedown=function(){ console.log("x:"+mouse1.x); } } </script> </head> <body> <h2>canvas动画</h2> <div id="canvas"> <canvas width="600" height="600"><i>您的浏览器版本太低,请升级至最新版本</i></canvas> </div> </body> </html> [/code] 下面是utils.js代码: [code="javascript"] var captureMouse=function(ele){ var mouse={x:0,y:0}; ele.onmousemove=function(event){ event=event || window.event; if(event.pageX || wvwnt.pageY){ x=event.pageX; y=event.pageY; }else{ x=event.clientX+document.body.scrollLeft+document.documentElement.scrollLeft; y=event.clientY+document.body.scrollTop+document.documentElement.scrollTop; } x-=ele.offsetLeft; y-=ele.offsetTop; mouse.x=x; mouse.y=y; }; return mouse; } [/code] 问题出现在captureMouse这个函数的返回值上面(captureMouse函数是一个求鼠标相对当前元素坐标的求法函数)。 captureMouse在html页面onload后会执行一次,然后为ele元素绑定了鼠标移动事件,同时会将当前鼠标相对于ele元素的坐标返回,html页面接受变量为mouse1。 但是大家想一下,接下来的鼠标移动只是响应了鼠标移动的事件,但是html页面并没有在鼠标移动的同时调用captureMouse,所以mouse1这个对象应该是一个不变的值,但是当我点击ele元素时发现坐标是变的,这是为什么呢?鼠标按下输入控制台的是mouse1对象的x的值,求大神指点迷津。
关于js函数调用不起作用的问题
今天在学习ajax的时候,按照课本上的步骤,但是最后没有任何效果 ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>search Suggest</title> <script type="text/javascript" src="/js/ajax.js"></script> <script type="text/javascript"> var trSrc; //设置下拉提示框的位置 function setDivPosition() { alert("error"); var input = document.getElementById("inputWord"); var listdiv = document.getElementById("wordsListDiv"); listdiv.style.left = (input.offsetLeft)+"px"; listdiv.style.border = "blue 1px solid"; listdiv.style.top = (input.offsetTop+input.offsetHeight)+"px"; listdiv.style.width = (input.offsetWidth)+"px"; } function search() { alert("search?"); var inputWord = document.getElementById("inputWord").value; var url = "SearchSuggest"; var params = "inputWord="+inputWord; sendRequest(url,params,"POST",display); } function display() { alert("display?"); if(httpRequest.readyState == 4){ if(httpRequest.status == 200){ var xmlDoc = httpRequest.responseXML; clearDivData(); changeDivData(xmlDoc); }else{ alert("您请求的界面有异常!"); } } } // 清除下拉框中的数据 function clearDivData(){ alert("clearDiv"); var tbody = document.getElementById("wordsListTbody"); vat trs = tbody.getElementsByTagName("tr"); for(var i=trs.length-1;i>0;i--){ tbody.removeChild(trs[i]); } } // 设置用户选中条目的背景色 function setBgColor() { if(trSrc){ trSrc.style.backgroundColor = "white"; } trSrc = event.srcElement; trSrc.style.backgroundColor = "gray"; } // 将用户选中的条目显示在文本框中 function setText(){ alert("setText"); document.getElementById("inputWorld").value = trSrc.firstChild.data; document.getElementById("wordsListDiv").style.visibility = "hidden"; } // 实际将数据加入下拉提示框 function changeDivData(xmlDoc) { alert("changeDiv"); var words = xmlDoc.getElementsByTagName("word"); var tbody = document.getElementById("wordsListTbody"); for(i=0;i<words.length;i++){ var newTr = document.createElement("tr"); var newCell = document.createElement("td"); var wordText = words[i].firstChild.data; var textNode = document.createTextNode(wordText); newCell.onmouseover = setBgColor; newCell.onclick = setText; newCell.appendChild(textNode); newTr.append(newCell); tbody.appendChild(newTr); } if(words.length>0){ document.getElementById("wordsListDiv").style.visibility = 'visible'; }else{ document.getElementById("wordsListDiv").style.visibility = 'hidden'; } } </script> </head> <body onload="setDivPosition()"> <p>搜索字符串:<input type="text" id="inputWord" onkeyup="search()"></p> <div id="wordsListDiv" style="position:absolute;visibility:hidden"> <table id="worksListTable"> <tbody id="wordsListTbody"><tr><td>test</td></tr></tbody> </table> </div> </body> </html> ``` 其中就是body标签调用的onload,然后文本框调用了onKeyUp,在两个函数里面都加了一条alert语句,然后运行的时候还是什么反应都没有,求大佬给看一下是什么原因
javascript中函数调用问题
``` 第一种方法: <script type="text/javascript"> function demo() { var divObj=document.getElementById("divid"); var name=divObj.nodeName; alert(name); } </script> </head> <body> <input type="button" id="inputid" value="yanshi" onclick="demo()"/> <div id="divid">wdhsjaldjkghd</div> 第二种方法: <script type="text/javascript"> var divObj=document.getElementById("divid"); var name=divObj.nodeName; alert(name); </script> </head> <body> <input type="button" id="inputid" value="yanshi" onclick="demo()"/> <div id="divid">wdhsjaldjkghd</div> 为什么第二种方法不行 ```
关于JS中MutationObserver监听Dom树变化中的Callback函数一直调用的问题
今天做了一个水印防止消除的需求。我生成水印的方式是通过canvas中生成一张图片放在,body标签的背景图片。防消除用的就是MutationObserver去监听body标签中的属性是否变化,变化就重新生成水印。但是我在chrome浏览器测试取消背景图片这个样式的时候,会一直调用callback函数,这里就有点搞不明白了,希望大神能够解惑。 代码 <html> <head> <meta charset="utf-8" /> <title></title> </head> <script type="text/javascript" src="js/jquery-1.4.4.min.js" ></script> <script src="js/jquery.waterMarker.js"></script> <script> var myDate = new Date(); //获取当前年 var year=myDate.getFullYear(); //获取当前月 var month=myDate.getMonth()+1; //获取当前日 var date=myDate.getDate(); var h=myDate.getHours(); //获取当前小时数(0-23) var m=myDate.getMinutes(); //获取当前分钟数(0-59) var s=myDate.getSeconds(); var now = year+"-" + month + "-" + date + " " + h + ":" + m + ""; jQuery(function(){ waterMaker("huangshuo",now); //此处callback函数会一直调用,影响浏览器性能 var callback = function (records) { records.map(function (record) { console.log('Previous attribute value: ' + record.oldValue); var judge = record.oldValue + ""; var b = "background"; if(judge.match(b)){ waterMaker("huangshuo",now); //mo.disconnect(); //mo.observe(element[0], options); } }); }; var mo = new MutationObserver(callback); //var element = document.getElementById('#my_element'); var element = document.getElementsByTagName("body"); //alert(element[0]) var options = { 'attributes': true, 'attributeOldValue': true, } mo.observe(element[0], options); }) </script> <body> <div class="waterMakertClass"></div> </body> </html> 这里一直重复调用callback函数,控制台重复打印数据 ![图片说明](https://img-ask.csdn.net/upload/201901/11/1547195853_647168.png)
【JavaScript】js中有时候调用方法使用引号,有时候不使用引号,这是为什么?
function showTime(){ var date=new Date(); var yyyy=date.getFullYear(); var MM=("0"+(date.getMonth()+1)).slice(-2); var dd=("0"+date.getDate()).slice(-2); var hh=("0"+date.getHours()).slice(-2); var mm=("0"+date.getMinutes()).slice(-2); var ss=("0"+date.getSeconds()).slice(-2); var week=date.getDay(); var arr=["日","一","二","三","四","五"]; var time=yyyy+"年"+MM+"月"+dd+"日 星期"+arr[week]+" "+hh+":"+mm+":"+ss; document.getElementById("time").innerText=time; // setTimeout(showTime,1000); //这里不带引号直接需要去掉阔号,然后带引号的需要使用到括号,有点不解 setTimeout("showTime()",1000); } ----------------------------------------------------------------------------------- <!--Html代码块--> <!--<body onload=showTime()>--> //这里既可以用带引号的,也是不用 不理解地方A <body onload="showTime();"> <div id="nav_head"> <label id="time" style="float: right; line-height: 40px; padding-right: 20px;">当前是时间:</label> </div> <script type="text/javascript" src="js/time.js" ></script> </body>
初学JavaScript,关于函数调用请求纠错
是一个点击事件,点击后全选,在尝试过程中发现点击事件没有响应。求解答。 1. <!DOCTYPE > 1. < html > 1. < head> 1. < meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 1. < title>无标题文档< /title> 1. < script> 1. window.onlaod=function () 1. { 1. var oBtn1=document.getElementById('btn1'); 1. var oDiv=document.getElementById('div1'); 1. var aCh=oDiv.getElementsByTagName('input'); 1. 1. oBtn1.onclick =function () 1. { 1. for(i=0; i < aCh.length;i++) 1. { 1. aCh[i].checked =true; 1. } 1. }; 1. }; 1. < /script> 1. < /head> 1. 1. < body> 1. < input id="btn1" type="button" value="全选"/> 1. < /br> 1. < div id=div1> 1. < input type="checkbox" /><br /> 1. < input type="checkbox" /><br /> 1. < input type="checkbox" /><br /> 1. < input type="checkbox" /><br /> 1. < input type="checkbox" /><br /> 1. < input type="checkbox" /><br /> 1. < input type="checkbox" /><br /> 1. < input type="checkbox" /><br /> 1. </div> 1. </body> 1. </html>
一个棘手的问题,动态函数定义时传值问题
<pre name="code" class="html"><div id="div0"> <div id="div1"> <div id="div2"> <div id="div3"> &lt;script language="JavaScript"&gt; <!----> &lt;/script&gt; </div></div></div></div></pre> <br /> <br />  上面代码运行结果是:null,原因是在循环中函数定义时没有运行'div'+i一句,所以最后调用a()时使用的是'div'+4,导致找不到div4. <br />  如何解决类似定义函数时,往函数内部传递变量是实时的?如此例,最后应该是找到div3? <br /> <br />
javascript做表单验证的时候没有调用函数?
``` <form> 用户名: <input type="text"name="username"/> <br/> 密码: <input type="password"name="password"> <br/> 确认密码: <input type="password"name="confirmpassword"> <br/><br/> <input type="button"value="确认"onClick="checkPassword();"/> <br/> </form> </div> </body> <script language="javascript"> function checkPassword() { with(document.all) { if(form.password.value!=form.confirmpassword.value) { alert("两次输入的密码不一样!"); passWord.value=""; confirmpassword.value=""; return false; } if(form.username.value=="") { alert("用户名不能为空"); form.username.focus(); return false; } doument.forms[0].submit(); } } </script> ```
新人求解 Javascript 局部变量调用问题
简单的div移动遇到的问题 window.onload = function() { var oBtn = document.getElementById('btn1'); var oDiv = document.getElementById('div1'); var oTxt = document.getElementById('txt1'); oBtn.onclick = function() { var speed = parseInt(oTxt.value); timer = setInterval(function() { oDiv.style.left = oDiv.offsetLeft + speed +'px' },30); }; }; 如果把var speed = parseInt(oTxt.value);现在onclick外面发现在setInterval中调用不到speed,写在onclick里面问题解决。 我知道Javascript是一段一段的读数据的,但是我外面写window.onload,speed是闭包中内部函数啊,为什么setInterval调用不到
activeX控件在html里调用正常,但在asp.net里却无法显示,是怎么回事?
activeX控件在html里调用正常,但在asp.net里却无法显示,是怎么回事? 求高手解决。。。。。。 html代码。。。。。。 <HTML> <HEAD> <TITLE>Test ActiveX</TITLE> <script type="text/javascript" language="javascript"> var activeX = document.getElementById("csharpActiveX"); alert(activeX.GetMacAddress()); function testvalue(){ alert("这是调用函数"); var activeX = document.getElementById("CTest1Ctrl"); alert(activeX.GetFeature()); } </script> </HEAD> <body> <p> <OBJECT ID="CTest1Ctrl" WIDTH=528 HEIGHT=45 classid="CLSID:64A7C770-4923-4B82-B136-4B5098375B99"> <PARAM NAME="_Version" VALUE="65536"> <PARAM NAME="_ExtentX" VALUE="12806"> <PARAM NAME="_ExtentY" VALUE="1747"> <PARAM NAME="_StockProps" VALUE="0"> </OBJECT> </p> <p>&nbsp;</p> <form name="form1" method="post" action=""> <label> <input name="" type="button" onClick="testvalue()"> </label> </form> <p>&nbsp;</p> </body> </HTML> asp.net 代码。。。。 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TestActive._Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/javascript" language="javascript"> var activeX = document.getElementById("csharpActiveX"); alert(activeX.GetMacAddress()); function testvalue() { alert("这是调用函数"); var activeX = document.getElementById("CTest1Ctrl"); alert(activeX.GetFeature()); } </script> </head> <body> <form id="form1" runat="server"> <div> <OBJECT ID="CTest1Ctrl" WIDTH=528 HEIGHT=45 classid="CLSID:64A7C770-4923-4B82-B136-4B5098375B99"> <PARAM NAME="_Version" VALUE="65536"> <PARAM NAME="_ExtentX" VALUE="12806"> <PARAM NAME="_ExtentY" VALUE="1747"> <PARAM NAME="_StockProps" VALUE="0"> </OBJECT> </p> <p>&nbsp;</p> <label> <input name="" type="button" onClick="testvalue()"> </div> </form> </body> </html>
动态规划入门到熟悉,看不懂来打我啊
持续更新。。。。。。 2.1斐波那契系列问题 2.2矩阵系列问题 2.3跳跃系列问题 3.1 01背包 3.2 完全背包 3.3多重背包 3.4 一些变形选讲 2.1斐波那契系列问题 在数学上,斐波纳契数列以如下被以递归的方法定义:F(0)=0,F(1)=1, F(n)=F(n-1)+F(n-2)(n&gt;=2,n∈N*)根据定义,前十项为1, 1, 2, 3...
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私...
对计算机专业来说学历真的重要吗?
我本科学校是渣渣二本,研究生学校是985,现在毕业五年,校招笔试、面试,社招面试参加了两年了,就我个人的经历来说下这个问题。 这篇文章很长,但绝对是精华,相信我,读完以后,你会知道学历不好的解决方案,记得帮我点赞哦。 先说结论,无论赞不赞同,它本质就是这样:对于技术类工作而言,学历五年以内非常重要,但有办法弥补。五年以后,不重要。 目录: 张雪峰讲述的事实 我看到的事实 为什么会这样 ...
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
Python 植物大战僵尸代码实现(2):植物卡片选择和种植
这篇文章要介绍的是: - 上方植物卡片栏的实现。 - 点击植物卡片,鼠标切换为植物图片。 - 鼠标移动时,判断当前在哪个方格中,并显示半透明的植物作为提示。
防劝退!数据结构和算法难理解?可视化动画带你轻松透彻理解!
大家好,我是 Rocky0429,一个连数据结构和算法都不会的蒟蒻… 学过数据结构和算法的都知道这玩意儿不好学,没学过的经常听到这样的说法还没学就觉得难,其实难吗?真难! 难在哪呢?当年我还是个小蒟蒻,初学数据结构和算法的时候,在忍着枯燥看完定义原理,之后想实现的时候,觉得它们的过程真的是七拐八绕,及其难受。 在简单的链表、栈和队列这些我还能靠着在草稿上写写画画理解过程,但是到了数论、图...
【搞定 Java 并发面试】面试最常问的 Java 并发基础常见面试题总结!
本文为 SnailClimb 的原创,目前已经收录自我开源的 JavaGuide 中(61.5 k Star!【Java学习 面试指南】 一份涵盖大部分Java程序员所需要掌握的核心知识。欢迎 Star!)。 另外推荐一篇原创:终极推荐!可能是最适合你的Java学习路线 方法 网站 书籍推荐! Java 并发基础常见面试题总结 1. 什么是线程和进程? 1.1. 何为进程? 进程是程...
西游记团队中如果需要裁掉一个人,会先裁掉谁?
2019年互联网寒冬,大批企业开始裁员,下图是网上流传的一张截图: 裁员不可避免,那如何才能做到不管大环境如何变化,自身不受影响呢? 我们先来看一个有意思的故事,如果西游记取经团队需要裁员一名,会裁掉谁呢,为什么? 西游记团队组成: 1.唐僧 作为团队teamleader,有很坚韧的品性和极高的原则性,不达目的不罢休,遇到任何问题,都没有退缩过,又很得上司支持和赏识(直接得到唐太宗的任命,既给
shell脚本:备份数据库、代码上线
备份MySQL数据库 场景: 一台MySQL服务器,跑着5个数据库,在没有做主从的情况下,需要对这5个库进行备份 需求: 1)每天备份一次,需要备份所有的库 2)把备份数据存放到/data/backup/下 3)备份文件名称格式示例:dbname-2019-11-23.sql 4)需要对1天以前的所有sql文件压缩,格式为gzip 5)本地数据保留1周 6)需要把备份的数据同步到远程备份中心,假如...
iOS Bug 太多,苹果终于坐不住了!
开源的 Android 和闭源的 iOS,作为用户的你,更偏向哪一个呢? 整理 | 屠敏 出品 | CSDN(ID:CSDNnews) 毋庸置疑,当前移动设备操作系统市场中,Android 和 iOS 作为两大阵营,在相互竞争的同时不断演进。不过一直以来,开源的 Android 吸引了无数的手机厂商涌入其中,为其生态带来了百花齐放的盛景,但和神秘且闭源的 iOS 系统相比,不少网友...
神经⽹络可以计算任何函数的可视化证明
《Neural Networks and Deep Learning》读书笔记第四篇本章其实和前面章节的关联性不大,所以大可将本章作为小短文来阅读,当然基本的深度学习基础还是要有的。主要介绍了神经⽹络拥有的⼀种普遍性,比如说不管目标函数是怎样的,神经网络总是能够对任何可能的输入,其值(或者说近似值)是网络的输出,哪怕是多输入和多输出也是如此,我们大可直接得出一个结论:不论我们想要计算什么样的函数,...
聊聊C语言和指针的本质
坐着绿皮车上海到杭州,24块钱,很宽敞,在火车上非正式地聊几句。 很多编程语言都以 “没有指针” 作为自己的优势来宣传,然而,对于C语言,指针却是与生俱来的。 那么,什么是指针,为什么大家都想避开指针。 很简单, 指针就是地址,当一个地址作为一个变量存在时,它就被叫做指针,该变量的类型,自然就是指针类型。 指针的作用就是,给出一个指针,取出该指针指向地址处的值。为了理解本质,我们从计算机模型说起...
为什么你学不过动态规划?告别动态规划,谈谈我的经验
动态规划难吗?说实话,我觉得很难,特别是对于初学者来说,我当时入门动态规划的时候,是看 0-1 背包问题,当时真的是一脸懵逼。后来,我遇到动态规划的题,看的懂答案,但就是自己不会做,不知道怎么下手。就像做递归的题,看的懂答案,但下不了手,关于递归的,我之前也写过一篇套路的文章,如果对递归不大懂的,强烈建议看一看:为什么你学不会递归,告别递归,谈谈我的经验 对于动态规划,春招秋招时好多题都会用到动态...
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外...
字节跳动面试官这样问消息队列:分布式事务、重复消费、顺序消费,我整理了一下
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式和人才交流群,欢迎Star和完善 前言 消息队列在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在消息队列的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸...
如何安装 IntelliJ IDEA 最新版本——详细教程
IntelliJ IDEA 简称 IDEA,被业界公认为最好的 Java 集成开发工具,尤其在智能代码助手、代码自动提示、代码重构、代码版本管理(Git、SVN、Maven)、单元测试、代码分析等方面有着亮眼的发挥。IDEA 产于捷克,开发人员以严谨著称的东欧程序员为主。IDEA 分为社区版和付费版两个版本。 我呢,一直是 Eclipse 的忠实粉丝,差不多十年的老用户了。很早就接触到了 IDEA...
面试还搞不懂redis,快看看这40道面试题(含答案和思维导图)
Redis 面试题 1、什么是 Redis?. 2、Redis 的数据类型? 3、使用 Redis 有哪些好处? 4、Redis 相比 Memcached 有哪些优势? 5、Memcache 与 Redis 的区别都有哪些? 6、Redis 是单进程单线程的? 7、一个字符串类型的值能存储最大容量是多少? 8、Redis 的持久化机制是什么?各自的优缺点? 9、Redis 常见性...
大学四年自学走来,这些珍藏的「实用工具/学习网站」我全贡献出来了
知乎高赞:文中列举了互联网一线大厂程序员都在用的工具集合,涉及面非常广,小白和老手都可以进来看看,或许有新收获。
为什么要推荐大家学习字节码?
配套视频: 为什么推荐大家学习Java字节码 https://www.bilibili.com/video/av77600176/ 一、背景 本文主要探讨:为什么要学习 JVM 字节码? 可能很多人会觉得没必要,因为平时开发用不到,而且不学这个也没耽误学习。 但是这里分享一点感悟,即人总是根据自己已经掌握的知识和技能来解决问题的。 这里有个悖论,有时候你觉得有些技术没用恰恰是...
互联网公司的裁员,能玩出多少种花样?
裁员,也是一门学问,可谓博大精深!以下,是互联网公司的裁员的多种方法:-正文开始-135岁+不予续签的理由:千禧一代网感更强。95后不予通过试用期的理由:已婚已育员工更有责任心。2通知接下来要过苦日子,让一部分不肯同甘共苦的员工自己走人,以“兄弟”和“非兄弟”来区别员工。3强制996。员工如果平衡不了工作和家庭,可在离婚或离职里二选一。4不布置任何工作,但下班前必须提交千字工作日报。5不给活干+...
【超详细分析】关于三次握手与四次挥手面试官想考我们什么?
在面试中,三次握手和四次挥手可以说是问的最频繁的一个知识点了,我相信大家也都看过很多关于三次握手与四次挥手的文章,今天的这篇文章,重点是围绕着面试,我们应该掌握哪些比较重要的点,哪些是比较被面试官给问到的,我觉得如果你能把我下面列举的一些点都记住、理解,我想就差不多了。 三次握手 当面试官问你为什么需要有三次握手、三次握手的作用、讲讲三次三次握手的时候,我想很多人会这样回答: 首先很多人会先讲下握...
新程序员七宗罪
当我发表这篇文章《为什么每个工程师都应该开始考虑开发中的分析和编程技能呢?》时,我从未想到它会对读者产生如此积极的影响。那些想要开始探索编程和数据科学领域的人向我寻求建议;还有一些人问我下一篇文章的发布日期;还有许多人询问如何顺利过渡到这个职业。我非常鼓励大家继续分享我在这个旅程的经验,学习,成功和失败,以帮助尽可能多的人过渡到一个充满无数好处和机会的职业生涯。亲爱的读者,谢谢你。 -罗伯特。 ...
活到老,学到老,程序员也该如此
全文共2763字,预计学习时长8分钟 图片来源:Pixabay 此前,“网传阿里巴巴要求尽快实现P8全员35周岁以内”的消息闹得沸沸扬扬。虽然很快被阿里辟谣,但苍蝇不叮无缝的蛋,无蜜不招彩蝶蜂。消息从何而来?真相究竟怎样?我们无从而知。我们只知道一个事实:不知从何时开始,程序猿也被划在了“吃青春饭”行业之列。 饱受“996ICU”摧残后,好不容易“头秃了变强了”,即将步入为“高...
Vue快速实现通用表单验证
本文开篇第一句话,想引用鲁迅先生《祝福》里的一句话,那便是:“我真傻,真的,我单单知道后端整天都是CRUD,我没想到前端整天都是Form表单”。这句话要从哪里说起呢?大概要从最近半个月的“全栈工程师”说起。项目上需要做一个城市配载的功能,顾名思义,就是通过框选和拖拽的方式在地图上完成配载。博主选择了前后端分离的方式,在这个过程中发现:首先,只要有依赖jQuery的组件,譬如Kendoui,即使使用...
2019年Spring Boot面试都问了什么?快看看这22道面试题!
Spring Boot 面试题 1、什么是 Spring Boot? 2、Spring Boot 有哪些优点? 3、什么是 JavaConfig? 4、如何重新加载 Spring Boot 上的更改,而无需重新启动服务器? 5、Spring Boot 中的监视器是什么? 6、如何在 Spring Boot 中禁用 Actuator 端点安全性? 7、如何在自定义端口上运行 Sprin...
【图解】记一次手撕算法面试:字节跳动的面试官把我四连击了
字节跳动这家公司,应该是所有秋招的公司中,对算法最重视的一个了,每次面试基本都会让你手撕算法,今天这篇文章就记录下当时被问到的几个算法题,并且每个算法题我都详细着给出了最优解,下面再现当时的面试场景。看完一定让你有所收获 一、小牛试刀:有效括号 大部分情况下,面试官都会问一个不怎么难的问题,不过你千万别太开心,因为这道题往往可以拓展出更多有难度的问题,或者一道题看起来很简单,但是给出最优解,确实很...
关于裁员几点看法及建议
最近网易裁员事件引起广泛关注,昨天网易针对此事,也发了声明,到底谁对谁错,孰是孰非?我们作为吃瓜观众实在是知之甚少,所以不敢妄下定论。身处软件开发这个行业,近一两年来,对...
面试官:关于Java性能优化,你有什么技巧
通过使用一些辅助性工具来找到程序中的瓶颈,然后就可以对瓶颈部分的代码进行优化。 一般有两种方案:即优化代码或更改设计方法。我们一般会选择后者,因为不去调用以下代码要比调用一些优化的代码更能提高程序的性能。而一个设计良好的程序能够精简代码,从而提高性能。 下面将提供一些在JAVA程序的设计和编码中,为了能够提高JAVA程序的性能,而经常采用的一些方法和技巧。 1.对象的生成和大小的调整。 J...
相关热词 c# id读写器 c#俄罗斯方块源码 c# linq原理 c# 装箱有什么用 c#集合 复制 c# 一个字符串分组 c++和c#哪个就业率高 c# 批量动态创建控件 c# 模块和程序集的区别 c# gmap 截图
立即提问