如何在点击一个<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>

9个回答

被action给干扰了

我这里可以啊
图片说明

TJ1532635942
TJ1532635942 我在div的外层加了个表单
接近 2 年之前 回复
qq_32117641
winrh 你好,我运行了没问题啊,无论是input和div共存时、单独放,都能实现函数调用。
接近 2 年之前 回复
caozhy
贵阳老马马善福专业维修游泳池堵漏防水工程 回复TJ1532635942: 你看我,并没有input
接近 2 年之前 回复
TJ1532635942
TJ1532635942 我将input放在div里,然后发现可以了,还是只能靠input来调用到那个函数
接近 2 年之前 回复

把函数放在head里面试试

qq_42241390
qq_42241390 将函数放在head里面
接近 2 年之前 回复
TJ1532635942
TJ1532635942 是放在head里的,我给的代码片里忘了加上了
接近 2 年之前 回复

function mySubmit(){
var firMenuName = $('#menu1').combobox('getText');
var menuName = $('#menu2').combobox('getText');
var firMenuName= $('#firMenuName').val(firMenuName) ;
var menuName =$('#menuName').val(menuName) ;
console.info(firMenuName,menuName) ;
$("#form1").submit();
}

                    你模仿我的写一下
qq_41887100
qq_41887100 input 加一个点击事件
接近 2 年之前 回复
masaida
masaida <input type="botton" value="查 询" class="global_btn" onclick="mySubmit()"/>
接近 2 年之前 回复
 <html><head></head><body><div style="height:100px;width:100px;background:red" onclick="alert('ok')"></div></body></html>
  1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句
  2. a href="javascript:void(0);" onclick="js_method()" 这种方法是很多网站最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。 3.a href="javascript:;" onclick="js_method()" 这种方法跟跟2种类似,区别只是执行了一条空的js代码。 4.a href="#" onclick="js_method()" 这种方法也是网上很常见的代码,#是标签内置的一个方法,代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。 5.a href="#" onclick="js_method();return false;" 这种方法点击执行了js函数后return false,页面不发生跳转,执行后还是在页面的当前位置。 综合上述,在a中调用js函数最适当的方法推荐使用: a href="javascript:void(0);" onclick="js_method()" a href="javascript:;" onclick="js_method()" a href="#" onclick="js_method();return false;"

可以调用啊

 <!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title></title>  
<meta http-equiv="X-UA-Compatible" content="IE=edge">  
</head>  
<body>  
<html>  
<head>  
<script>
function a(){
    alert(123);
}
</script>  
</head>  
<body>  
<form action="${pageContext.request.contextPath }/login.action" 
                                   method="post" onsubmit="return a()">
                                                        <!--<input type="submit" value="调用函数a"/>
                                                        <!-- 没法调用-->
                                                        <div id="a" onclick="a()" style="height:100px;width:100px;background:red">调用函数a</div>
</form>
</body>  
</body>  
</html>  


将以下 的script放进head标签中
<br> function clickdiv(){<br> alert(&quot;点击div显示内容&quot;);<br> }<br>

将函数放在onload方法里

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
JS能点击重置一个div么
点击一个a重置一个div,不是刷新div里的内容,是局部刷新这个div,能重新加载js里的函数么
jsp中怎么让在前一个div的js中调用后一个div的js中的函数?
如题,在jsp页面有三个div a,b,c想让a中的一个函数调用b中的一个函数,然后b中的这个函数,调用c的一个函数,有方法实现么?
ajax生成div,加载的时候执行了一下JS函数,点击的时候却无反应
ajax动态生成一个div,在div里有一个详细点击事件,为什么每次一加载的时候就默认执行,点击的时候就没反应 [quote] $.ajax({ type: "POST", //cache: false, url: '../url.jsp', success: function (data) { var data = eval('('+data+')'); var vl = data.rows.length; var val = ''; var j = 0; for(var i = 0; i < vl; i++){ val += "<div style='height:10px;'>" + data.rows[i].title + "</div>"; val += "<div style='border-bottom:1px dashed #000; height:20px; text-indent:2em;word-wrap:break-word;'><table><tr><td>" + temp + "...</td><td style='font-size:4px;'><a href='"+lookDailyReminder()+";'>详细</a></td></tr></table></div>"; j++; } if(j != 0){ $.messager.show({ title:'提醒信息', msg:val, timeout:'10000', width:500, height:200, style:{ right:'', top:document.body.scrollTop+document.documentElement.scrollTop, bottom:'' } }); } } }); [/quote]
怎么在<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) 请问代码要如何删改?
如何用js实现点击后在另一个div里显示传过来的图片对象
我有四个div <div id="sdiv1"><img id="myImg" src="images/s1.jpg" onclick="changeBig(this)" width="350px" height="200px" style="cursor:pointer"></div> <div id="sdiv2"><img id="myImg" src="images/s2.jpg" onclick="changeBig(this)" width="350px" height="200px" style="cursor:pointer"></div> <div id="sdiv3"><img id="myImg" src="images/s3.jpg" onclick="changeBig(this)" width="350px" height="200px" style="cursor:pointer"></div> <div id="sdiv4"></div> 怎么实现点击图片后,在sdiv4中显示函数传过来的图片对象?sdiv4是隐藏的display="none"; 位置就在这三个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事件处理函数的一些问题
现代的事件处理函数,其递归的原理是什么? 我写了一个事件切换器,原始的一个div颜色为红色,点击后变成蓝色,再点击又变成红色,就这样切换。代码如下: HTML代码: ``` <head> <style type="text/css"> #box{ width:100px; height:100px; } .red{ background-color:red; } .blue{ background-color:blue; } </style> </head> <body> <div id="box" class="red">颜色切换器</div> </body> ``` JS代码: ``` //事件添加函数 function addEvent(obj, type, fn){ var saved = null; if(obj.type){ saved = obj.type; } obj.type = function(){ if(saved) saved(); fn.call(this); }; } //事件删除函数 removeEvent(obj, type){ if(obj.type) obj.type = null; } //颜色切换函数 function toBlue(){ this.className = 'blue'; removeEvent(this, 'onclick'); addEvent(this, 'onclick', toRed); } function toRed(){ this.className = 'red'; removeEvent(this, 'onclick'); addEvent(this, 'onclick', toBlue); } //开始执行 addEvent(window, 'onload', function(){ var box = document.getElementById('box'); addEvent(box, 'onclick', toBlue); }); ``` 当开始执行时,首先点击了div,颜色变蓝,再点击就变红,切换时的运行机理是什么?为何点击后还能继续成功点击?
js 弄了2个一样的函数名,优先解析哪一个?
csdn1.js中有函数 function csdn(){ XXX1 } csdn2.js中也有函数 function csdn(){ XXX2 } 那么html同时调用了csdn1.js和csdn2.js,在页面中 <div> <script>csdn();</script> </div> 会先解析哪个函数?
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> ```
如何将数组元素写入固定的div中
请教个js的问题。有一个js数组。数组元素是对象。每个对象有名字,经纬度属性。想通过调用js函数将所有数组元素中的名字在一个div中输出。并且点击每个名字的时候又把对应的经纬度作为参数调用另外一个js函数。如何实现?用innerText不行。
怎样写一个点击事件,除了某一个div区域不执行,其它点击都执行,求指教
$('body').not($("#dropzone")).bind('click', function() { //$("#dropzone").slideUp("normal"); });
一个棘手的问题,动态函数定义时传值问题
<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 />
ASP.Net button第一次点击js中的回调函数不执行,第二次点击才执行
前台: ``` <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CheIndexOnce.aspx.cs" Inherits="Monkey.Web.admin.CheIndexOnce" %> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>管理员登录</title> <link href="skin/login/Site.css" rel="stylesheet" /> <script type="text/javascript" src="../scripts/jquery/jquery-1.11.2.min.js"></script> <script type="text/javascript"> $(function () { //检测IE if ('undefined' == typeof (document.body.style.maxHeight)) { window.location.href = 'ie6update.html'; } }); function jsFunction() { PageMethods.Encrypt(document.getElementById("txtUserName").value, jiami); PageMethods.Encrypt(document.getElementById("txtPassword").value, jiami2); if (document.getElementById("posx").value != "") { document.getElementById("txtPassword").value = ""; return true; } return false; } function jiami(val) //回传方法用val接受后台代码的执行结果 { document.getElementById("posx").value = val; } function jiami2(val) //回传方法用val接受后台代码的执行结果 { document.getElementById("posx2").value = val; } </script> </head> <body class="login_body"> <div class="login"> <div class="content"> <div class="logo"> <div class="logo_content"> <img src="skin/login/180.png" /> <div class="right_logo"> <p></p> </div> </div> </div> <div class="footer_content"> <hr /> <form id="form1" runat="server" class="form-login"> <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true"> </asp:ScriptManager> <ul> <li> <li> <input id="txtUserName" type="text" class="loginipt user login-input " placeholder="用户名" title="用户名" /></li> <li> <input id="txtPassword" type="password" class="loginipt password login-input" autocomplete="off" placeholder="密码" title="密码" /></li> <li> <label id="msgtip" runat="server" class="logintext"></label> </li> <asp:Button ID="btnSubmit" runat="server" Text="登录" CssClass="loginbtn login-btn" OnClick="btnSubmit_Click" /> </ul> <asp:HiddenField ID="posx" runat="server" /> <asp:HiddenField ID="posx2" runat="server" /> </form> </div> </div> <div class="footer"> <p></p> </div> </div> </body> </html> ``` 后台: ``` using System; using System.Web.UI; using Monkey.Common; using System.Security.Cryptography; using System.Configuration; using System.Web; using System.Text; using System.Web.Services; namespace Monkey.Web.admin { public partial class CheIndexOnce : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) { //txtUserName.Text = Utils.GetCookie(DTKeys.COOKIE_URL_ADMIN_NAME); btnSubmit.Attributes.Add("OnClick", "return jsFunction()"); } } protected void btnSubmit_Click(object sender, EventArgs e) { string key = "ae125efkk4454eeff444ferfkny6oxi8"; string userName = ""; string userPwd = ""; try { userName = Request.Params["posx"]; userPwd = Request.Params["posx2"]; userName = Decrypt(userName, key); userPwd = Decrypt(userPwd, key); } catch { return; } if (userName.Equals("") || userPwd.Equals("")) { msgtip.InnerHtml = "请输入用户名或密码"; return; } if (Session[DTKeys.COOKIE_URL_ADMIN_LOGIN_SUN] == null) { Session[DTKeys.COOKIE_URL_ADMIN_LOGIN_SUN] = 1; } else { Session[DTKeys.COOKIE_URL_ADMIN_LOGIN_SUN] = Convert.ToInt32(Session["AdminLoginSun"]) + 1; } //判断登录错误次数 if (Session[DTKeys.COOKIE_URL_ADMIN_LOGIN_SUN] != null && Convert.ToInt32(Session[DTKeys.COOKIE_URL_ADMIN_LOGIN_SUN]) > 5) { msgtip.InnerHtml = "错误超过5次,关闭浏览器重新登录!"; return; } BLL.manager bll = new BLL.manager(); Model.manager model = bll.GetModel(userName, userPwd, true); if (model == null) { msgtip.InnerHtml = "用户名或密码有误,请重试!"; return; } Session[DTKeys.SESSION_ADMIN_INFO] = model; Session.Timeout = 45; //写入登录日志 Model.siteconfig siteConfig = new BLL.siteconfig().loadConfig(); if (siteConfig.logstatus > 0) { new BLL.manager_log().Add(model.id, model.user_name, DTEnums.ActionEnum.Login.ToString(), "用户登录"); } //写入Cookies Utils.WriteCookie(DTKeys.COOKIE_URL_ADMIN_NAME, model.user_name, 14400); //跳转 Response.Redirect("index.aspx"); return; } /// <summary> /// AES加密 /// </summary> /// <param name="encryptStr">明文</param> /// <param name="key">密钥</param> /// <returns></returns> [WebMethod] public static string Encrypt(string encryptStr) { string key = "ae125efkk4454eeff444ferfkny6oxi8"; byte[] keyArray = UTF8Encoding.UTF8.GetBytes(key); byte[] toEncryptArray = UTF8Encoding.UTF8.GetBytes(encryptStr); RijndaelManaged rDel = new RijndaelManaged(); rDel.Key = keyArray; rDel.Mode = CipherMode.ECB; rDel.Padding = PaddingMode.PKCS7; ICryptoTransform cTransform = rDel.CreateEncryptor(); byte[] resultArray = cTransform.TransformFinalBlock(toEncryptArray, 0, toEncryptArray.Length); return Convert.ToBase64String(resultArray, 0, resultArray.Length); } /// <summary> /// AES解密 /// </summary> /// <param name="decryptStr">密文</param> /// <param name="key">密钥</param> /// <returns></returns> public static string Decrypt(string decryptStr, string key) { byte[] keyArray = UTF8Encoding.UTF8.GetBytes(key); byte[] toEncryptArray = Convert.FromBase64String(decryptStr); RijndaelManaged rDel = new RijndaelManaged(); rDel.Key = keyArray; rDel.Mode = CipherMode.ECB; rDel.Padding = PaddingMode.PKCS7; ICryptoTransform cTransform = rDel.CreateDecryptor(); byte[] resultArray = cTransform.TransformFinalBlock(toEncryptArray, 0, toEncryptArray.Length); return UTF8Encoding.UTF8.GetString(resultArray); } } } ```
js运动的一个问题,为什么第一个函数不执行
``` ``` <div id="box"></div> #box{width: 100px;height: 100px;background: red;position: absolute;left: 0;top: 0;} js====== function act(obj, attr, target, fn){ clearInterval(obj.timer); obj.timer = setInterval(function(){ var cur = parseInt(css(obj, attr)); var speed = (target - cur) / 8; var stop = true; speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed); if(target != cur){ stop = false; } obj.style[attr] = speed + cur + 'px'; if(stop){ clearInterval(obj.timer); obj.timer = null; fn && fn.call(obj); } }, 20); } var box=document.getElementById('box'); act(box,'top',300); act(box,'left',300); 为什么我这样调用只执行了第二个函数? ``` ```
在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内父级函数调用子函数出现函数未定义问题
首先定义了一个全局函数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定义为全局的函数,各位前辈还有哪些其他解决方法可以借鉴学习一下的
请问一下,这个js程序的search函数部分哪里出错了? 谢谢!
``` <!DOCTYPE html> <html> <head> <title>百度前端技术学院jstask8</title> <style type="text/css"> div{ display: inline-flex; flex-wrap: wrap; border: 1px solid black; padding: 20px; margin:10px; background-color: white; } </style> </head> <body> <div id="all">everything <div class="items" id="book">books <div class="book">book1</div> <div class="book">book2</div> <div class="book">book3</div> </div> <div class="items" id="song">songs <div class="song">song1</div> <div class="song">song2</div> <div class="song">song3</div> </div> <div class="items" id="drink">drinks <div class="drink">drink1</div> <div class="drink">drink2</div> <div class="drink">drink3</div> </div> </div></br> <input type="button" name="order" value="order"> <input type="text" name="search"> <input type="button" name="search" value="search"> <script type="text/javascript"> var everything = document.getElementsByClassName("all"); var items = document.getElementsByClassName("items"); var list = []; var button = document.getElementsByTagName("input")[0]; var timer; var searchb = document.getElementsByTagName("input")[2]; button.onclick = function (){ reset(); preOrder(); change(); } searchb.onclick = function(){ reset(); preOrder(); search(); } function preOrder(){ list.push(all); for (var i = 0; i < items.length; i++) { list.push(items[i]); var item = items[i].children for (var j = 0; j < item.length; j++) { list.push(item[j]); } } } function change(){ var i = 0; list[i].style.backgroundColor = "grey"; console.log(list.length); timer = setInterval( function (){ if (i<list.length-1) { i++; list[i-1].style.backgroundColor = "white"; list[i].style.backgroundColor = "grey"; console.log(list[i]); console.log(i); }else{ list[i].style.backgroundColor = "white"; clearTimeout(timer); } },700); } function reset(){ list = []; clearTimeout(timer); var divs = document.getElementsByTagName("div"); console.log(divs); for (var i = 0; i < divs.length; i++) { divs[i].style.backgroundColor = "white"; } } function search(){ var i = 0; list[i].style.backgroundColor = "grey"; var input = document.getElementsByTagName("input")[1].value; var re = new RegExp("^"+input,"g"); console.log(re); timer = setInterval( function (){ if (i<list.length-1 && !re.test(list[i].innerHTML)) { i++; list[i-1].style.backgroundColor = "white"; list[i].style.backgroundColor = "grey"; } else if(re.test(list[i].innerHTML)){ list[i].style.backgroundColor = "blue"; alert("find it!"); clearTimeout(timer); } else if(i == list.length-1){ list[i].style.backgroundColor = "white"; alert("cant find it .") clearTimeout(timer); } else{ console.log(re.test(list[i].innerHTML)); clearTimeout(timer); } },700); } </script> </body> </html> ``` 请问这个js程序的search()函数中的第一个elseif语句,在满足条件的情况下,为什么无法执行? 谢谢!
JS里一个函数内可以有几个if语句?
这么写是没错的, ``` <script type="text/javascript"> function show(a){ if(document.getElementById('A'+a).style.display=='none'||document.getElementById('pic'+a).src=='bottom.png'){ document.getElementById('A'+a).style.display='block'; document.getElementById('pic'+a).src='top.png'; }else{ document.getElementById('A'+a).style.display='none'; document.getElementById('pic'+a).src='bottom.png'; } } </script> ``` 那为什么这么写就只有上面那个if语句有效果,下面的没有效果? ``` <script type="text/javascript"> function show(a){ if(document.getElementById('A'+a).style.display=='none'){ document.getElementById('A'+a).style.display='block'; }else{ document.getElementById('A'+a).style.display='none'; } if(document.getElementById('pic'+a).src=='bottom.png'){ document.getElementById('pic'+a).src='top.png'; }else{ document.getElementById('pic'+a).src='bottom.png'; } } </script> ``` 一个函数内只能写一个if语句吗? 贴出下面body里面的代码 ``` <div class="A"> <img src="bottom.png" id="pic1" onclick="show(1)"/> 我的文档 </div> <div class="nav"> <ul id="A1" style="display:none;"> <li>Adobe</li> <li>Adobe Scripts</li> <li>Downloads</li> <li>多益网络</li> </ul> </div> ```
My97DatePicker平面显示时候内置的$dp.cal.getNewDateStr()函数执行错误
有如下测试代码 <script type="text/javascript"> function cDayFunc(){ var str,p,c = $dp.cal; alert(c.getDateStr()); alert(c.getNewDateStr()); } </script> <body> <div id ="startTime"> <script type="text/javascript"> WdatePicker({eCont:'startTime',Hchanged:cDayFunc}) </script> </div> <input type="text" class="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd-HH',Hchanged:cDayFunc})"/> </body> 上面是两个日期控件,一个是平面显示在div中,一个是点击输入框后弹出。两个控件在切换小时的时候调用同一个function。平面展示控件点击后的显示结果与下面控件点击后的显示结果不一致。难道My97控件换一种显示方式,自身的内置函数就出bug?
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私...
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
Linux(服务器编程):15---两种高效的事件处理模式(reactor模式、proactor模式)
前言 同步I/O模型通常用于实现Reactor模式 异步I/O模型则用于实现Proactor模式 最后我们会使用同步I/O方式模拟出Proactor模式 一、Reactor模式 Reactor模式特点 它要求主线程(I/O处理单元)只负责监听文件描述符上是否有事件发生,有的话就立即将时间通知工作线程(逻辑单元)。除此之外,主线程不做任何其他实质性的工作 读写数据,接受新的连接,以及处...
阿里面试官问我:如何设计秒杀系统?我的回答让他比起大拇指
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图和个人联系方式,欢迎Star和指教 前言 Redis在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在Redis的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸,打败了...
五年程序员记流水账式的自白。
不知觉已中码龄已突破五年,一路走来从起初铁憨憨到现在的十九线程序员,一路成长,虽然不能成为高工,但是也能挡下一面,从15年很火的android开始入坑,走过java、.Net、QT,目前仍处于android和.net交替开发中。 毕业到现在一共就职过两家公司,目前是第二家,公司算是半个创业公司,所以基本上都会身兼多职。比如不光要写代码,还要写软著、软著评测、线上线下客户对接需求收集...
C语言魔塔游戏
很早就很想写这个,今天终于写完了。 游戏截图: 编译环境: VS2017 游戏需要一些图片,如果有想要的或者对游戏有什么看法的可以加我的QQ 2985486630 讨论,如果暂时没有回应,可以在博客下方留言,到时候我会看到。 下面我来介绍一下游戏的主要功能和实现方式 首先是玩家的定义,使用结构体,这个名字是可以自己改变的 struct gamerole { char n...
一文详尽系列之模型评估指标
点击上方“Datawhale”,选择“星标”公众号第一时间获取价值内容在机器学习领域通常会根据实际的业务场景拟定相应的不同的业务指标,针对不同机器学习问题如回归、分类、排...
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观...
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外...
压测学习总结(1)——高并发性能指标:QPS、TPS、RT、吞吐量详解
一、QPS,每秒查询 QPS:Queries Per Second意思是“每秒查询率”,是一台服务器每秒能够相应的查询次数,是对一个特定的查询服务器在规定时间内所处理流量多少的衡量标准。互联网中,作为域名系统服务器的机器的性能经常用每秒查询率来衡量。 二、TPS,每秒事务 TPS:是TransactionsPerSecond的缩写,也就是事务数/秒。它是软件测试结果的测量单位。一个事务是指一...
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip installselenium -ihttps://pypi.tuna.tsinghua.edu.cn/simple/ ...
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
程序员该看的几部电影
1、骇客帝国(1999) 概念:在线/离线,递归,循环,矩阵等 剧情简介: 不久的将来,网络黑客尼奥对这个看似正常的现实世界产生了怀疑。 他结识了黑客崔妮蒂,并见到了黑客组织的首领墨菲斯。 墨菲斯告诉他,现实世界其实是由一个名叫“母体”的计算机人工智能系统控制,人们就像他们饲养的动物,没有自由和思想,而尼奥就是能够拯救人类的救世主。 可是,救赎之路从来都不会一帆风顺,到底哪里才是真实的世界?如何...
Python绘图,圣诞树,花,爱心 | Turtle篇
每周每日,分享Python实战代码,入门资料,进阶资料,基础语法,爬虫,数据分析,web网站,机器学习,深度学习等等。 公众号回复【进群】沟通交流吧,QQ扫码进群学习吧 微信群 QQ群 1.画圣诞树 import turtle screen = turtle.Screen() screen.setup(800,600) circle = turtle.Turtle()...
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东...
还记得那个提速8倍的IDEA插件吗?VS Code版本也发布啦!!
去年,阿里云发布了本地 IDE 插件 Cloud Toolkit,仅 IntelliJ IDEA 一个平台,就有 15 万以上的开发者进行了下载,体验了一键部署带来的开发便利。时隔一年的今天,阿里云正式发布了 Visual Studio Code 版本,全面覆盖前端开发者,帮助前端实现一键打包部署,让开发提速 8 倍。 VSCode 版本的插件,目前能做到什么? 安装插件之后,开发者可以立即体验...
破14亿,Python分析我国存在哪些人口危机!
一、背景 二、爬取数据 三、数据分析 1、总人口 2、男女人口比例 3、人口城镇化 4、人口增长率 5、人口老化(抚养比) 6、各省人口 7、世界人口 四、遇到的问题 遇到的问题 1、数据分页,需要获取从1949-2018年数据,观察到有近20年参数:LAST20,由此推测获取近70年的参数可设置为:LAST70 2、2019年数据没有放上去,可以手动添加上去 3、将数据进行 行列转换 4、列名...
2019年除夕夜的有感而发
天气:小雨(加小雪) 温度:3摄氏度 空气:严重污染(399) 风向:北风 风力:微风 现在是除夕夜晚上十点钟,再有两个小时就要新的一年了; 首先要说的是我没患病,至少现在是没有患病;但是心情确像患了病一样沉重; 现在这个时刻应该大部分家庭都在看春晚吧,或许一家人团团圆圆的坐在一起,或许因为某些特殊原因而不能团圆;但不管是身在何处,身处什么境地,我都想对每一个人说一句:新年快乐! 不知道csdn这...
听说想当黑客的都玩过这个Monyer游戏(1~14攻略)
第零关 进入传送门开始第0关(游戏链接) 请点击链接进入第1关: 连接在左边→ ←连接在右边 看不到啊。。。。(只能看到一堆大佬做完的留名,也能看到菜鸡的我,在后面~~) 直接fn+f12吧 &lt;span&gt;连接在左边→&lt;/span&gt; &lt;a href="first.php"&gt;&lt;/a&gt; &lt;span&gt;←连接在右边&lt;/span&gt; o...
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ...... ...
作为一个程序员,内存和磁盘的这些事情,你不得不知道啊!!!
截止目前,我已经分享了如下几篇文章: 一个程序在计算机中是如何运行的?超级干货!!! 作为一个程序员,CPU的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!...
2020年的1月,我辞掉了我的第一份工作
其实,这篇文章,我应该早点写的,毕竟现在已经2月份了。不过一些其它原因,或者是我的惰性、还有一些迷茫的念头,让自己迟迟没有试着写一点东西,记录下,或者说是总结下自己前3年的工作上的经历、学习的过程。 我自己知道的,在写自己的博客方面,我的文笔很一般,非技术类的文章不想去写;另外我又是一个还比较热衷于技术的人,而平常复杂一点的东西,如果想写文章写的清楚点,是需要足够...
别低估自己的直觉,也别高估自己的智商
所有群全部吵翻天,朋友圈全部沦陷,公众号疯狂转发。这两周没怎么发原创,只发新闻,可能有人注意到了。我不是懒,是文章写了却没发,因为大家的关注力始终在这次的疫情上面,发了也没人看。当然,我...
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。 再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。 下文是原回答,希望能对你能有所启发。 如果我说,这个世界上人真的分三六九等,...
节后首个工作日,企业们集体开晨会让钉钉挂了
By 超神经场景描述:昨天 2 月 3 日,是大部分城市号召远程工作的第一天,全国有接近 2 亿人在家开始远程办公,钉钉上也有超过 1000 万家企业活跃起来。关键词:十一出行 人脸...
Java基础知识点梳理
虽然已经在实际工作中经常与java打交道,但是一直没系统地对java这门语言进行梳理和总结,掌握的知识也比较零散。恰好利用这段时间重新认识下java,并对一些常见的语法和知识点做个总结与回顾,一方面为了加深印象,方便后面查阅,一方面为了掌握好Android打下基础。
2020年全新Java学习路线图,含配套视频,学完即为中级Java程序员!!
新的一年来临,突如其来的疫情打破了平静的生活! 在家的你是否很无聊,如果无聊就来学习吧! 世上只有一种投资只赚不赔,那就是学习!!! 传智播客于2020年升级了Java学习线路图,硬核升级,免费放送! 学完你就是中级程序员,能更快一步找到工作! 一、Java基础 JavaSE基础是Java中级程序员的起点,是帮助你从小白到懂得编程的必经之路。 在Java基础板块中有6个子模块的学...
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合...
相关热词 c# 识别回车 c#生成条形码ean13 c#子控制器调用父控制器 c# 写大文件 c# 浏览pdf c#获取桌面图标的句柄 c# list反射 c# 句柄 进程 c# 倒计时 线程 c# 窗体背景色
立即提问